{"size": 870, "ext": "js", "max_stars_repo_path": "components/stories/Text.stories.js", "max_stars_repo_name": "gregogun/portfolio-v2", "max_stars_repo_stars_event_min_datetime": "2021-06-08T08:38:59.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-31T11:19:48.000Z", "max_issues_repo_path": "components/stories/Text.stories.js", "max_issues_repo_name": "gregogun/portfolio-v2", "max_issues_repo_issues_event_min_datetime": "2021-04-23T21:33:10.000Z", "max_issues_repo_issues_event_max_datetime": "2021-08-31T05:18:11.000Z", "max_forks_repo_path": "components/stories/Text.stories.js", "max_forks_repo_name": "gregogun/portfolio-v2", "max_forks_repo_forks_event_min_datetime": "2021-04-29T12:46:45.000Z", "max_forks_repo_forks_event_max_datetime": "2021-08-22T07:28:37.000Z"}
{"max_stars_count": 23, "max_issues_count": 48, "max_forks_count": 2, "avg_line_length": 20.2325581395, "max_line_length": 87, "alphanum_fraction": 0.6586206897}
import { Text } from '@chakra-ui/react';
import '@fontsource/sora/400.css';

export default {
  title: 'Style Guide/Design Tokens/Typography/Text',
  component: Text
};

const Template = (args) => <Text {...args}>{args.label}</Text>;

export const subtitle = Template.bind({});
subtitle.args = {
  label: 'Subtitle',
  variant: 'subtitle'
};

export const preTitle = Template.bind({});
preTitle.args = {
  label: 'Pre-Title',
  variant: 'preTitle',
  fontWeight: 700
};

export const body = Template.bind({});
body.args = {
  label:
    'Hello, my name is Greg and I am just writing some random stuff to take up space.',
  variant: 'body'
};

export const bodyLight = Template.bind({});
bodyLight.args = {
  label: 'Body Light',
  variant: 'bodyLight',
  fontWeight: 300
};

export const small = Template.bind({});
small.args = {
  label: 'Small',
  variant: 'small'
};
