@kubit-ui-web/react-components/dist/esm/designSystem/kubit/components/headerStructure/styles.js

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

import { DeviceBreakpointsType } from '../../../../types/breakpoints/breakpoints';
import { RADIUS } from '../../foundations/borders';
import { SPACINGS } from '../../foundations/spacings';
import { HeaderStructureVariantType } from './variants';
const leftCenterRightContentCommonProps = {
    gap: SPACINGS.spacing_50,
    [DeviceBreakpointsType.MOBILE]: {
        gap: SPACINGS.spacing_150,
    },
    [DeviceBreakpointsType.TABLET]: {
        gap: SPACINGS.spacing_150,
    },
};
export const HEADER_STRUCTURE_STYLES = {
    [HeaderStructureVariantType.DEFAULT]: {
        container: {
            border_radius: RADIUS.radius_00,
        },
        breadcrumbs: {
            margin_bottom: SPACINGS.spacing_150,
        },
        content: {
            gap: SPACINGS.spacing_250,
        },
        leftContent: {
            ...leftCenterRightContentCommonProps,
        },
        centerContent: {
            ...leftCenterRightContentCommonProps,
        },
        rightContent: {
            ...leftCenterRightContentCommonProps,
        },
    },
};
//# sourceMappingURL=styles.js.map