@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
44 lines • 1.67 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BreadcrumbsWrapper = exports.HeaderRightContentStyled = exports.HeaderLeftContentStyled = exports.HeaderContentStyled = exports.HeaderContainerStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const getStyles_1 = require("../../utils/getStyles/getStyles");
exports.HeaderContainerStyled = styled_components_1.default.div `
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
${props => (0, getStyles_1.getStyles)(props.styles?.container)}
`;
exports.HeaderContentStyled = styled_components_1.default.div `
width: 100%;
display: flex;
flex-direction: row;
${props => (0, getStyles_1.getStyles)(props.styles?.content)}
`;
exports.HeaderLeftContentStyled = styled_components_1.default.div `
width: 80%;
max-width: 80%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
${props => (0, getStyles_1.getStyles)(props.styles?.leftContent)}
`;
exports.HeaderRightContentStyled = styled_components_1.default.div `
width: 20%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
flex-wrap: wrap;
${props => (0, getStyles_1.getStyles)(props.styles?.rightContent)}
`;
exports.BreadcrumbsWrapper = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.styles?.breadcrumbs)}
`;
//# sourceMappingURL=header.styled.js.map