aura-glass/dist/esm/components/card/div.js

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

'use client';
import { jsx } from 'react/jsx-runtime';
import React from 'react';
import { cn } from '../../lib/utilsComprehensive.js';
import './GlassCard.js';

// Standard card sub-components that work with glass styling
const CardHeader = /*#__PURE__*/React.forwardRef(({
  className,
  ...props
}, ref) => jsx("div", {
  ref: ref,
  className: cn("flex flex-col glass-gap-1.5 glass-p-6", className),
  ...props
}));
CardHeader.displayName = "CardHeader";
const CardTitle = /*#__PURE__*/React.forwardRef(({
  className,
  ...props
}, ref) => jsx("h3", {
  ref: ref,
  className: cn("glass-text-2xl font-semibold leading-none tracking-tight glass-text-primary", className),
  ...props
}));
CardTitle.displayName = "CardTitle";
const CardDescription = /*#__PURE__*/React.forwardRef(({
  className,
  ...props
}, ref) => jsx("p", {
  ref: ref,
  className: cn("glass-text-sm glass-text-primary/70", className),
  ...props
}));
CardDescription.displayName = "CardDescription";
const CardContent = /*#__PURE__*/React.forwardRef(({
  className,
  ...props
}, ref) => jsx("div", {
  ref: ref,
  className: cn("glass-p-6 pt-0", className),
  ...props
}));
CardContent.displayName = "CardContent";
const CardFooter = /*#__PURE__*/React.forwardRef(({
  className,
  ...props
}, ref) => jsx("div", {
  ref: ref,
  className: cn("flex items-center glass-p-6 pt-0", className),
  ...props
}));
CardFooter.displayName = "CardFooter";

export { CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
//# sourceMappingURL=div.js.map