@kubit-ui-web/react-components/dist/esm/components/summaryDetails/summaryDetailsControlled.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import { useStyles } from '../../hooks/useStyles/useStyles';
import { ErrorBoundary } from '../../provider/errorBoundary/errorBoundary';
import { FallbackComponent } from '../../provider/errorBoundary/fallbackComponent';
import { SummaryDetailsStandAlone } from './summaryDetailsStandAlone';
const SUMMARY_DETAILS_STYLES = 'SUMMARY_DETAILS_STYLES';
const LINE_SEPARATOR_STYLES = 'LINE_SEPARATOR_STYLES';
const SummaryDetailsControlledComponent = React.forwardRef(({ variant, ctv, extraCt, ...props }, ref) => {
    const styles = useStyles(SUMMARY_DETAILS_STYLES, variant, ctv);
    const lineSeparatorLineStyles = useStyles(LINE_SEPARATOR_STYLES, styles.lineSeparatorVariant, extraCt);
    const handleBodyClick = event => {
        event.stopPropagation();
    };
    return (_jsx(SummaryDetailsStandAlone, { ...props, ref: ref, lineSeparatorLineStyles: lineSeparatorLineStyles, styles: styles, onBodyClick: handleBodyClick }));
});
SummaryDetailsControlledComponent.displayName = 'SummaryDetailsControlledComponent';
const SummaryDetailsBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(SummaryDetailsStandAlone, { ...props }) }), children: _jsx(SummaryDetailsControlledComponent, { ...props, ref: ref }) }));
const SummaryDetailsControlled = React.forwardRef(SummaryDetailsBoundary);
export { SummaryDetailsControlled };
//# sourceMappingURL=summaryDetailsControlled.js.map