import { Text } from 'welcome-ui/Text'
const Example = () => {
return (
<div className="flex flex-col gap-md">
<Text variant="display-xl">Display (xl)</Text>
<Text variant="display-lg">Display (lg)</Text>
<Text variant="display-md">Display (md)</Text>
<Text variant="display-sm">Display (sm)</Text>
<Text variant="heading-xl">Heading (xl)</Text>
<Text variant="heading-lg">Heading (lg)</Text>
<Text variant="heading-md-strong">Heading (md)</Text>
<Text variant="heading-sm-strong">Heading (sm)</Text>
<Text variant="heading-xs-strong">Heading (xs)</Text>
<Text variant="heading-md-strong">Heading (md-strong)</Text>
<Text variant="heading-sm-strong">Heading (sm-strong)</Text>
<Text variant="heading-xs-strong">Heading (xs-strong)</Text>
<Text variant="body-xl">Body (xl)</Text>
<Text variant="body-lg">Body (lg)</Text>
<Text variant="body-md">Body (md)</Text>
<Text variant="body-sm">Body (sm)</Text>
<Text variant="body-xl-strong">Body (xl-strong)</Text>
<Text variant="body-lg-strong">Body (lg-strong)</Text>
<Text variant="body-md-strong">Body (md-strong)</Text>
<Text variant="body-sm-strong">Body (sm-strong)</Text>
<Text variant="label-xl">Label (xl)</Text>
<Text variant="label-lg">Label (lg)</Text>
<Text variant="label-md">Label (md)</Text>
<Text variant="label-sm">Label (sm)</Text>
<Text variant="label-md-strong">Label (md-strong)</Text>
<Text variant="label-sm-strong">Label (sm-strong)</Text>
</div>
)
}
export default Example