@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! ⚡
50 lines (49 loc) • 2.22 kB
JavaScript
import { jsx } from "react/jsx-runtime";
import { cn } from "../../lib/utilities.js";
import empty_module from "./empty.module.js";
import * as __rspack_external_react from "react";
const Empty = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
"data-slot": "empty",
className: cn(empty_module.empty, className),
...props
}));
const EmptyHeader = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
"data-slot": "empty-header",
className: cn(empty_module.header, className),
...props
}));
const EmptyMedia = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant = "default", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
"data-slot": "empty-icon",
"data-variant": variant,
className: cn(empty_module.media, "icon" === variant && empty_module.mediaIcon, className),
...props
}));
const EmptyTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
"data-slot": "empty-title",
className: cn(empty_module.title, className),
...props
}));
const EmptyDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
ref: ref,
"data-slot": "empty-description",
className: cn(empty_module.description, className),
...props
}));
const EmptyContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
ref: ref,
"data-slot": "empty-content",
className: cn(empty_module.content, className),
...props
}));
Empty.displayName = "Empty";
EmptyHeader.displayName = "EmptyHeader";
EmptyMedia.displayName = "EmptyMedia";
EmptyTitle.displayName = "EmptyTitle";
EmptyDescription.displayName = "EmptyDescription";
EmptyContent.displayName = "EmptyContent";
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
//# sourceMappingURL=empty.js.map