"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const styled_system_1 = require("styled-system");
const Box_1 = require("../../components/Box");
exports.Flex = styled_components_1.default(Box_1.Box)(styled_system_1.flex, styled_system_1.flexWrap, styled_system_1.alignSelf, styled_system_1.alignItems, styled_system_1.flexDirection, styled_system_1.justifyContent, {
    display: 'flex'
});
// TODO @grsmto: remove when https://github.com/pedronauck/docz/issues/337 is resolved
exports.FlexDocz = (props) => {
    return react_1.default.createElement(exports.Flex, Object.assign({}, props));
};
exports.Flex.defaultProps = {
    alignItems: 'center'
};
//# sourceMappingURL=Flex.js.map