import { useTranslation } from 'react-i18next';
import LoaderIcon from '../icons/loader-icon';

const Loader = ({
  border = false,
  shadow = false,
  rounded = false,
}: {
  border?: boolean;
  shadow?: boolean;
  rounded?: boolean;
}) => {
  const { t } = useTranslation();
  return (
    <div
      className={`bg-white/5 p-10 ${border ? 'ring ring-black/10' : ''} ${shadow ? 'shadow-box' : ''} ${rounded ? 'rounded-xl' : 'rounded-b-xl'}`}
    >
      <div className="flex h-32 w-full items-center justify-center gap-2">
        <LoaderIcon />
        {t('Loading...')}
      </div>
    </div>
  );
};

export default Loader;