@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
49 lines (48 loc) • 2.15 kB
JavaScript
import { jsx } from "react/jsx-runtime";
import { cn } from "../../lib/utilities.js";
import card_module from "./card.module.js";
import * as __rspack_external_react from "react";
const Card = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
className: cn(card_module.card, className),
...props
}));
Card.displayName = "Card";
const CardHeader = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
className: cn(card_module.header, className),
...props
}));
CardHeader.displayName = "CardHeader";
const CardTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
className: cn(card_module.title, className),
...props
}));
CardTitle.displayName = "CardTitle";
const CardDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
className: cn(card_module.description, className),
...props
}));
CardDescription.displayName = "CardDescription";
const CardAction = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
className: cn(card_module.action, className),
...props
}));
CardAction.displayName = "CardAction";
const CardContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
className: cn(card_module.content, className),
...props
}));
CardContent.displayName = "CardContent";
const CardFooter = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
className: cn(card_module.footer, className),
...props
}));
CardFooter.displayName = "CardFooter";
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
//# sourceMappingURL=card.js.map