jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
30 lines (27 loc) • 1 kB
JavaScript
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 StyledFlex = styled.div `
display: flex;
align-items: ${props => props.alignItems};
justify-content: ${props => props.justifyContent};
flex-direction: ${props => props.flow};
flex-wrap: ${props => props.flexWrap};
`;
/**
* Display multiple items in a flex structure. Useful for laying single dimensionally
* a set of items together.
*/
const FlexItems = ({ flow = 'row', alignItems = 'flex-start', justifyContent = 'flex-start', flexWrap = 'wrap', children }) => {
return (React__default.createElement(StyledFlex, { flow: flow, alignItems: alignItems, justifyContent: justifyContent, flexWrap: flexWrap }, children));
};
export default FlexItems;
export { FlexItems };