import { styled } from 'styleh-components'
import { OneObserverForm } from '@skava/forms/build/dist/exports'
import { ButtonWithIcon } from 'presets/Buttons'

const StyledOneObserverForm = styled(OneObserverForm) `
  display: flex;
  align-items: center;
`

const StyledButtonWithIcon = styled(ButtonWithIcon) `
  background-color: transparent;
  width: rem(24);
  height: rem(24);
  padding: 0;
`

const Wrapper = styled.section `
  display: flex;
`

export {
  Wrapper,
  StyledOneObserverForm,
  StyledButtonWithIcon,
}