@baseplate-dev/ui-components
Version:
Shared UI component library
16 lines • 1.06 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from '#src/utils/index.js';
function RecordView({ className, children, }) {
return (_jsx("div", { className: cn('flex items-center justify-between rounded-md border bg-muted p-4', className), children: children }));
}
function RecordViewItemList({ className, children, }) {
return (_jsx("div", { className: cn('flex flex-wrap items-center gap-4', className), children: children }));
}
function RecordViewItem({ className, title, children, }) {
return (_jsxs("div", { className: cn('flex min-w-24 flex-col', className), children: [_jsx("div", { className: "text-sm font-medium text-muted-foreground", children: title }), _jsx("div", { className: "font-medium", children: children })] }));
}
function RecordViewActions({ className, children, }) {
return (_jsx("div", { className: cn('flex items-center gap-2', className), children: children }));
}
export { RecordView, RecordViewActions, RecordViewItem, RecordViewItemList };
//# sourceMappingURL=record-view.js.map