"use client";
import React from "react";
import { cn } from "../shared/utils";
// Custom SVG icons to replace Radix UI dependencies
const BellIcon = ({ className }: { className?: string }) => (
);
const CalendarIcon = ({ className }: { className?: string }) => (
);
const FileTextIcon = ({ className }: { className?: string }) => (
);
const GlobeIcon = ({ className }: { className?: string }) => (
);
const InputIcon = ({ className }: { className?: string }) => (
);
// Icon mapping for easy access
const iconMap = {
BellIcon,
CalendarIcon,
FileTextIcon,
GlobeIcon,
InputIcon,
};
export interface BentoCardProps {
Icon: keyof typeof iconMap;
name: string;
description: string;
href: string;
cta: string;
background?: React.ReactNode;
className?: string;
}
export function BentoCard({
Icon,
name,
description,
href,
cta,
background,
className
}: BentoCardProps) {
const IconComponent = iconMap[Icon];
return (
{background}
{name}
{description}
{cta}