@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
14 lines • 1.18 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import { Text } from '../../components/text/text';
import { TextComponentType } from '../../components/text/types/component';
import { LineSeparatorRootWrapperStyled, LineSeparatorTextWrapperStyled, } from './lineSeparator.styled';
const LineSeparatorStandAloneComponent = ({ labelStyles, lineStyles, label, externalNodeTag, internalNodeTag, dataTestId = 'line-separator', }, ref) => {
return (_jsx(LineSeparatorRootWrapperStyled, { ref: ref, as: externalNodeTag, "data-testid": dataTestId, styles: lineStyles, children: label?.content && (_jsx(LineSeparatorTextWrapperStyled, { as: internalNodeTag, styles: labelStyles, children: _jsx(Text, { align: labelStyles?.label?.text_align, color: labelStyles?.label?.color, component: TextComponentType.SPAN, variant: labelStyles?.label?.font_variant, weight: labelStyles?.label?.font_weight, ...label, children: label.content }) })) }));
};
/**
* @description
* LineSeparator component to separate content
*/
export const LineSeparatorStandAlone = React.forwardRef(LineSeparatorStandAloneComponent);
//# sourceMappingURL=lineSeparatorStandAlone.js.map