import { variant } from 'styled-system';

import { TextVariants } from '../primitives/typography';
import { CustomPropTypes } from '../../utils/createCustomProps';

export const textVariant = variant({
  prop: 'variant',
  scale: 'textVariants',
  variants: {
    headline1: {},
  },
});

export interface TextVariantProps {
  variant?: CustomPropTypes<keyof TextVariants>;
}