UNPKG

jobiqo-cl

Version:

[![CircleCI](https://circleci.com/gh/jobiqo/jobiqo-cl.svg?style=svg&circle-token=5a24efa5b8bbc4879276123e77d0d3f35ca7144c)](https://circleci.com/gh/jobiqo/jobiqo-cl)

25 lines (22 loc) 668 B
import React__default from 'react'; import styled from 'styled-components'; /** * @file index.tsx * * @fileoverview Aligns content to the center. */ /** * Will align content provide in the children property centerally. * Use this component when you want to align something centerally. */ const StyledAlignedCenter = styled.div ` display: flex; align-items: center; justify-content: center; flex-direction: ${props => props.flow}; `; const AlignedCenter = ({ flow = 'column', children }) => { return React__default.createElement(StyledAlignedCenter, { flow: flow }, children); }; export default AlignedCenter; export { AlignedCenter };