() => {
  const customTokens = getTokens({
    palette: {
      product: {
        light: "#fdf0ff",
        lightHover: "#fbdfff",
        lightActive: "#f9ceff",
        normal: "#5b0068",
        normalHover: "#4c0057",
        normalActive: "#3d0046",
        dark: "#110013",
      },
    },
  });
  return (
    <Stack>
      <Button type="primary">Primary Button</Button>
      <ThemeProvider
        theme={{
          orbit: customTokens,
        }}
      >
        <Button type="primary">Primary Button (themed)</Button>
      </ThemeProvider>
    </Stack>
  );
};