import styled from 'styled-components/macro'

import { client } from 'features/AuthServiceApp/config/clients'

import { ArrowLoaderProps } from './types'

export const Wrapper = styled.div<ArrowLoaderProps>`
  ${client.styles.loader}
  border-color: transparent;
  width: ${({ width = 'auto' }) => width};
  height: 2.4rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  :disabled {
    opacity: 0.5;
  }
`
