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

{/* Nested structure for aesthetic borders */}

{/* Inner content wrapper */}

{children}

)) // Allows for global css overrides and theme support - similar to shad cn const TextureCard = React.forwardRef< HTMLDivElement, React.HTMLAttributes & { children?: React.ReactNode } >(({ className, children, ...props }, ref) => { return (

{children}

) }) TextureCard.displayName = "TextureCard" const TextureCardHeader = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (

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

)) TextureCardTitle.displayName = "TextureCardTitle" const TextureCardDescription = React.forwardRef< HTMLParagraphElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) TextureCardDescription.displayName = "TextureCardDescription" const TextureCardContent = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) TextureCardContent.displayName = "TextureCardContent" const TextureCardFooter = React.forwardRef< HTMLDivElement, React.HTMLAttributes >(({ className, ...props }, ref) => (
)) TextureCardFooter.displayName = "TextureCardFooter" const TextureSeparator = () => { return (
) } export { TextureCard, TextureCardHeader, TextureCardStyled, TextureCardFooter, TextureCardTitle, TextureSeparator, TextureCardDescription, TextureCardContent, } export default TextureCard

Texture Card

Instalação