import { cn } from "@/lib/utils"; import { cva, type VariantProps } from "class-variance-authority"; // eslint-disable-next-line @typescript-eslint/no-unused-vars const cardDecoratorVariants = cva("", { variants: { variant: { default: "", dashed: "", // gradient: "", dots: "", // curved: "", glow: "", // diagonal: "", }, }, defaultVariants: { variant: "default", }, }); export interface CardDecoratorProps extends VariantProps { className?: string; } export const CardDecorator = ({ variant, className }: CardDecoratorProps) => { switch (variant) { case "dashed": return ; // case "gradient": // return ; case "dots": return ; // case "curved": // return ; case "glow": return ; // case "diagonal": // return ; default: return ; } }; // Default L-shaped corners (original implementation) const DefaultDecorator = ({ className }: { className?: string }) => (

); // Dashed border decorator const DashedDecorator = ({ className }: { className?: string }) => (

); // Gradient border decorator // const GradientDecorator = ({ className }: { className?: string }) => ( //

// // // // //

// ); // Dots corner decorator const DotsDecorator = ({ className }: { className?: string }) => (

); // Curved corner decorator // const CurvedDecorator = ({ className }: { className?: string }) => ( //

// // // // //

// ); // Glow decorator with animation const GlowDecorator = ({ className }: { className?: string }) => (

); // Diagonal corner decorator // const DiagonalDecorator = ({ className }: { className?: string }) => ( //

// //

// );

Card Decorator

Card Title

Install Dependencies