import styled from 'styled-components';

interface IColumn {
  flex?: number;
  alignItems?: string;
  justifyContent?: string;
  flexWrap?: string;
}

export const Column = styled.div<IColumn>`
  flex: ${props => props.flex || 'auto'};
  display: flex;
  flex-wrap: ${props => props.flexWrap || 'nowrap'};
  align-items: ${props => props.alignItems || 'flex-start'};
  justify-content: ${props => props.justifyContent || 'flex-start'};
`;
