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

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

import styled, { css } from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
export const HeaderContainerStyled = styled.div `
  width: 100%;
  height: ${({ containerHeight }) => containerHeight};
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  ${props => getStyles(props.styles?.container)}
  ${({ backgroundColor }) => backgroundColor &&
    `
background-color: ${backgroundColor};
`}
${({ styles, scrolling }) => scrolling
    ? css `
          box-shadow: ${styles?.container?.box_shadow ?? 'none'};
        `
    : 'box-shadow: none'}
`;
export const HeaderContainerContentStyled = styled.div `
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  ${props => getStyles(props.styles?.content)}
`;
export const HeaderContentStyled = styled.div `
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  ${props => getStyles(props.styles)}
`;
export const BreadcrumbsWrapper = styled.div `
  ${props => getStyles(props.styles?.breadcrumbs)}
`;
//# sourceMappingURL=headerStructure.styled.js.map