import * as React from "react" import Image from "next/image" import { cn } from "@/lib/utils" const MinimalCard = React.forwardRef< HTMLDivElement, React.HTMLAttributes & { children?: React.ReactNode } >(({ className, children, ...props }, ref) => (

{children}

)) MinimalCard.displayName = "MinimalCard" const MinimalCardImage = React.forwardRef< HTMLDivElement, React.HTMLAttributes & { src: string; alt: string } >(({ className, alt, src, ...props }, ref) => (

)) MinimalCardImage.displayName = "MinimalCardImage" const MinimalCardTitle = React.forwardRef< HTMLHeadingElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

)) MinimalCardTitle.displayName = "MinimalCardTitle" const MinimalCardDescription = React.forwardRef< HTMLParagraphElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) MinimalCardDescription.displayName = "MinimalCardDescription" const MinimalCardContent = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) MinimalCardContent.displayName = "MinimalCardContent" const MinimalCardFooter = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) MinimalCardFooter.displayName = "MinimalCardFooter" export { MinimalCard, MinimalCardImage, MinimalCardTitle, MinimalCardDescription, MinimalCardContent, MinimalCardFooter, } export default MinimalCard

Minimal Card

Instalação