Text

import { Text } from "@styple/design-system";

<Flex
  css={{
    flexDirection: "column",
  }}
>  
  <Text size="md" color="primary">Primary colored text</Text>
  <Text size="md" color="accent">Accent colored text</Text>
  <Text size="md" color="danger">Danger colored text</Text>
  <Text size="md" color="success">Success colored text</Text>
</Flex>