// import { cn } from '@/lib/utils' import { cva, VariantProps } from 'class-variance-authority' import {} from 'clsx' import { HTMLAttributes, forwardRef } from 'react' import { clsx, ClassValue } from 'clsx'; import { twMerge } from 'tailwind-merge'; export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)); } export const paragraphVariants = cva( 'max-w-prose text-slate-700 dark:text-slate-300 mb-2 text-center', { variants: { size: { default: 'text-base sm:text-lg', sm: 'text-sm sm:text-base ', }, }, defaultVariants: { size: 'default', }, } ) interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof paragraphVariants> {}; const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(({ className,size ,children, ...props }, ref) => { return ( <p ref={ref} {...props} className={cn(paragraphVariants({size, className}))} > {children} </p> ) }) Paragraph.displayName="Paragraph"; export default Paragraph;