import { ArrowLoaderProps } from './types'
import { Wrapper } from './styled'
import { Arrows } from './Icon'

export const ArrowLoader = ({
  backgroundColor,
  className,
  color,
  disabled,
  width,
}: ArrowLoaderProps) => (
  <Wrapper
    className={className}
    color={color}
    width={width}
    backgroundColor={backgroundColor}
    disabled={disabled}
  >
    <Arrows />
  </Wrapper>
)

export const ArrowLoaderUI = { ArrowLoader, Arrows }
