import React from 'react';
import cn from 'classnames';

import { LoaderSvg } from '../../icons';
import './Loader.scss';

interface LoaderProps {
  size?: 'sm' | 'md' | 'lg';
  className?: string;
}

export default function Loader({ className, size = 'md' }: LoaderProps) {
  return (
    <LoaderSvg className={cn('qb-loader', size && `qb-loader--${size}`, className)} />
  );
}