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

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

export const ArrowLoaderUI = { ArrowLoader, Arrows }