import { Platform } from 'react-native';
import { cva, type VariantProps } from 'class-variance-authority';

export const headingStyle = cva(
  [
    `text-content-primary my-0`,
    Platform.select({
      web: 'bg-transparent no-underline',
      default: '',
    }),
  ],
  {
    variants: {
      size: {
        xl: 'heading-xl',
        lg: 'heading-lg',
        md: 'heading-md',
        sm: 'heading-sm',
        xs: 'heading-xs',
      },
    },
  },
);

export type HeadingVariantProps = VariantProps<typeof headingStyle>;