@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
46 lines (45 loc) • 2.01 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ButtonWrapperStyled = exports.ActionSectionStyled = exports.EmptyStateDescriptionWrapperStyled = exports.EmptyStateTitleWrapperStyled = exports.TextSectionStyled = exports.EmptyStateStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const getStyles_1 = require("../../utils/getStyles/getStyles");
exports.EmptyStateStyled = styled_components_1.default.div `
height: auto;
width: 100%;
display: flex;
flex-direction: ${props => (props.isHorizontalOrientation ? 'row' : 'column')};
align-items: center;
justify-content: center;
${props => (0, getStyles_1.getStyles)(props.styles?.container)}
`;
exports.TextSectionStyled = styled_components_1.default.div `
display: flex;
flex-direction: column;
width: 100%;
${props => (0, getStyles_1.getStyles)(props.styles?.titleAndSubTitleContainer)}
`;
exports.EmptyStateTitleWrapperStyled = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.styles?.titleContainer)}
${props => (0, getStyles_1.getTypographyStyles)(props.styles?.titleContainer)}
`;
exports.EmptyStateDescriptionWrapperStyled = styled_components_1.default.div `
${props => (0, getStyles_1.getStyles)(props.styles?.subtitleContainer)}
${props => (0, getStyles_1.getTypographyStyles)(props.styles?.subtitleContainer)}
`;
exports.ActionSectionStyled = styled_components_1.default.div `
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
${props => (0, getStyles_1.getStyles)(props.styles?.buttonLinkContainer)}
`;
exports.ButtonWrapperStyled = styled_components_1.default.div `
display: flex;
width: 100%;
justify-content: center;
${props => (0, getStyles_1.getStyles)(props.styles?.buttonContainer)}
`;
//# sourceMappingURL=emptyState.styled.js.map