wix-style-react/src/Themes/businessDashboard/docs/components/Heading.js

wix-style-react

export const playground = `
<div>
  <ThemeProvider theme={theme()}>
    <Heading appearance="H1">Heading H1</Heading>
    <Heading appearance="H2">Heading H2</Heading>
    <Heading appearance="H3">Heading H3</Heading>
    <Heading appearance="H4">Heading H4</Heading>
    <Heading appearance="H5">Heading H5</Heading>
    <Heading appearance="H6">Heading H6</Heading>
    <Box backgroundColor="D10" padding="3px" direction="vertical">
      <Heading appearance="H1" light>Heading H1</Heading>
      <Heading appearance="H2" light>Heading H2</Heading>
      <Heading appearance="H3" light>Heading H3</Heading>
      <Heading appearance="H4" light>Heading H4</Heading>
      <Heading appearance="H5" light>Heading H5</Heading>
      <Heading appearance="H6" light>Heading H6</Heading>
    </Box>
  </ThemeProvider>
</div>
`;