() => (
  <Stack direction="column">
    <Stack direction="column">
      <Heading type="title3" as="h3">
        Primary
      </Heading>
      <RatingStars rating={3} showEmpty />
    </Stack>
    <Stack direction="column">
      <Heading type="title3" as="h3">
        Secondary
      </Heading>
      <RatingStars color="secondary" rating={3} showEmpty />
    </Stack>
  </Stack>
);