@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
38 lines • 1.08 kB
JavaScript
import styled from 'styled-components';
import { getStyles } from '../../utils/getStyles/getStyles';
export const HeaderContainerStyled = styled.div `
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
${props => getStyles(props.styles?.container)}
`;
export const HeaderContentStyled = styled.div `
width: 100%;
display: flex;
flex-direction: row;
${props => getStyles(props.styles?.content)}
`;
export const HeaderLeftContentStyled = styled.div `
width: 80%;
max-width: 80%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
${props => getStyles(props.styles?.leftContent)}
`;
export const HeaderRightContentStyled = styled.div `
width: 20%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
flex-wrap: wrap;
${props => getStyles(props.styles?.rightContent)}
`;
export const BreadcrumbsWrapper = styled.div `
${props => getStyles(props.styles?.breadcrumbs)}
`;
//# sourceMappingURL=header.styled.js.map