@dossierhq/design
Version:
The design system for Dossier.
11 lines • 652 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { toClassName } from '../../utils/ClassNameUtils.js';
export const TabContainer = ({ small, children }) => {
return (_jsx("div", { className: toClassName('tabs is-toggle is-centered', small && 'is-small'), children: _jsx("ul", { children: children }) }));
};
TabContainer.displayName = 'TabContainer';
TabContainer.Item = ({ active, onClick, children }) => {
return (_jsx("li", { className: active ? 'is-active' : undefined, children: _jsx("a", { onClick: onClick, children: children }) }));
};
TabContainer.Item.displayName = 'TabContainer.Item';
//# sourceMappingURL=TabContainer.js.map