import { styled } from 'styleh-components'

const Container = styled.div `
  flex: 1;

  ${props =>
    props.width &&
    styled.css `
      flex: 0 0 ${props.width}%;
    `};
  ${props =>
    props.align &&
    styled.css `
      text-align: ${props.align};
    `};
`
const Wrapper = styled.section `
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
`

export { Container, Wrapper }