"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FlexItem = exports.FlexContainerColumn = exports.FlexContainerRow = void 0;
const styled_1 = __importDefault(require("@emotion/styled"));
const GenerateFlexStyle = (props) => {
    return {
        display: 'flex',
        flexWrap: Boolean(props.flexWrap) ? props.flexWrap : undefined,
        justifyContent: Boolean(props.justifyContent) ? props.justifyContent : undefined,
        alignContent: Boolean(props.alignContent) ? props.alignContent : undefined,
    };
};
exports.FlexContainerRow = styled_1.default.div((props) => (Object.assign(Object.assign({}, GenerateFlexStyle(props)), { flexDirection: 'row' })));
exports.FlexContainerColumn = styled_1.default.div((props) => (Object.assign(Object.assign({}, GenerateFlexStyle(props)), { flexDirection: 'column' })));
exports.FlexItem = styled_1.default.div((props) => ({
    flexGrow: Boolean(props.flexGrow) ? props.flexGrow : undefined,
    flexShrink: Boolean(props.flexShrink) ? props.flexGrow : undefined,
    flexBasis: Boolean(props.flexBasis) ? props.flexBasis : undefined,
}));
