@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
33 lines • 1.53 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TableDivider = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const divider_1 = require("../../divider/divider");
const lineSeparator_1 = require("../../lineSeparator/lineSeparator");
const table_styled_1 = require("../table.styled");
/**
* @description
* TableDivider component is used to display a divider between table rows.
* It can be a string or a Divider component.
* If it is a string, it will be rendered as a LineSeparator component.
* If it is a Divider component, it will be rendered as a Divider component.
* If it is null, it will not be rendered.
* @example
* <TableDivider dividerValue="test" />
* <TableDivider dividerValue={<Divider variant="dashed" />} />
*/
const TableDivider = ({ divider, styles }) => {
if (!divider) {
return null;
}
if (typeof divider === 'string') {
return ((0, jsx_runtime_1.jsx)(lineSeparator_1.LineSeparator, { externalNodeTag: "td", label: { content: divider }, labelVariant: styles?.lineSeparatorLabelVariant, lineVariant: styles?.lineSeparatorLineVariant }));
}
const dividerVariant = divider.variant ?? styles?.dividerVariant;
if (!dividerVariant) {
return null;
}
return ((0, jsx_runtime_1.jsx)(table_styled_1.DividerInternalWrapper, { children: (0, jsx_runtime_1.jsx)(divider_1.Divider, { ...divider, variant: dividerVariant }) }));
};
exports.TableDivider = TableDivider;
//# sourceMappingURL=tableDivider.js.map