import Image from "next/image"; import Link from "next/link"; import { Button } from "@/components/ui/button"; import { Heart } from 'lucide-react'; type UnitCardProps = { card: { image: string; title: string; label: string; isFavorite: boolean; price?: string | number; area?: number | string; bedrooms?: number | string; bathrooms?: number | string; isPremium?: boolean, subtitle?: string; }; showButtonText?: boolean; showPremiumBadge?: boolean; showLabel?: boolean; action?: () => void; }; const UnitCard = ({ card, showButtonText = true, showPremiumBadge = true, action, showLabel = true }: UnitCardProps) => { return (

{card.title} {card.isPremium && showPremiumBadge && }

{showLabel && ( {card.label} )}

{card.area ?? "-"} م²

{card.bedrooms ?? "-"}

{card.bathrooms ?? "-"}

{card.price ?? "-"}

{showButtonText ? ( ) : ( )}

); }; const RiyalIcon = () => { return ( ); }; const PremiumIcon = () => { return ( ) } export default UnitCard;