import { cva, VariantProps } from 'class-variance-authority';
import { cn } from '@/lib/utils';
import { HTMLAttributes } from 'react';
const paragraphVariants = cva('text-gray-700 dark:text-gray-300', {
  variants: {
    size: {
      sm: 'text-sm',
      md: 'text-base',
      lg: 'text-lg',
    },
  },
  defaultVariants: {
    size: 'md',
  },
});
interface ParagraphProps
  extends
    HTMLAttributes<HTMLParagraphElement>,
    VariantProps<typeof paragraphVariants> {}
export function Paragraph({ className, size, ...props }: ParagraphProps) {
  return (
    <p className={cn(paragraphVariants({ size }), className)} {...props} />
  );
}