import { styled } from 'styleh-components'

const FormWrapper = styled.div`
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: rem(12);
  row-gap: rem(16);
`

const Row = styled.div`
  display: grid;
  row-gap: rem(16);
`

const ButtonWrapper = styled.div`
  margin-top: rem(20);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: rem(12);
`

const Wrapper = styled.div``

export { FormWrapper, Row, ButtonWrapper, Wrapper }