@baseplate-dev/ui-components
Version:
Shared UI component library
25 lines • 1.24 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from '#src/utils/index.js';
/**
* Represents a list of sections.
*/
function SectionList({ className, children, }) {
return _jsx("div", { className: cn('divide-y', className), children: children });
}
function SectionListSection({ className, children, }) {
return (_jsx("section", { className: cn('flex gap-8 py-6', className), children: children }));
}
function SectionListSectionHeader({ className, children, }) {
return _jsx("div", { className: cn('w-[320px] space-y-2', className), children: children });
}
function SectionListSectionTitle({ className, children, }) {
return _jsx("h3", { className: className, children: children });
}
function SectionListSectionDescription({ className, children, }) {
return (_jsx("div", { className: cn('text-sm text-muted-foreground', className), children: children }));
}
function SectionListSectionContent({ className, children, }) {
return _jsx("div", { className: cn('flex-1', className), children: children });
}
export { SectionList, SectionListSection, SectionListSectionContent, SectionListSectionDescription, SectionListSectionHeader, SectionListSectionTitle, };
//# sourceMappingURL=section-list.js.map