"use client"; import * as React from "react"; import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/lib/utils"; import { GrainRich } from "@/registry/01orbital/ui/grain-rich"; const featureCardVariants = cva( "relative overflow-hidden rounded-xl bg-card text-card-foreground border border-border", { variants: { gradientHeight: { sm: "", md: "", lg: "", }, }, defaultVariants: { gradientHeight: "md", }, } ); const heightMap = { sm: "h-40", md: "h-64", lg: "h-80", }; interface FeatureCardProps extends React.ComponentProps<"div">, VariantProps { title?: string; description?: string; gradient?: string; glowColor?: string; gradientContent?: React.ReactNode; icon?: React.ReactNode; } function FeatureCard({ className, title, description, gradient = "linear-gradient(to bottom, #1a1510 0%, #4a3020 30%, #8a5530 60%, #c08040 85%, #e0a050 100%)", glowColor = "rgba(255,200,100,0.6)", gradientHeight = "md", gradientContent, icon, children, ...props }: FeatureCardProps) { return (

{icon &&

{icon}

} {title && (

{title}

)} {description && (

{description}

)} {children}

{gradientContent && (

{gradientContent}

)}

); } export { FeatureCard, featureCardVariants };

Feature Card

Composable

Accessible

Type-Safe

Composable

Accessible

Type-Safe