export { Card, CardHeader, CardContent, CardFooter } from "@mosaic/ui";
export type { CardProps, CardHeaderProps, CardContentProps, CardFooterProps } from "@mosaic/ui";

// Additional Card sub-components for shadcn/ui compatibility
import * as React from "react";

// eslint-disable-next-line @typescript-eslint/no-empty-object-type
export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}

export const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(
  ({ className = "", ...props }, ref) => (
    <h3
      ref={ref}
      className={`text-2xl font-semibold leading-none tracking-tight ${className}`}
      {...props}
    />
  )
);
CardTitle.displayName = "CardTitle";

export const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(
  ({ className = "", ...props }, ref) => (
    <p ref={ref} className={`text-sm text-gray-600 ${className}`} {...props} />
  )
);
CardDescription.displayName = "CardDescription";
