import type { FilledIconProps } from '../types';
import Hourglass from './hourglass.svg?react';
import Spinner1 from './spinner-1.svg?react';
import Spinner2 from './spinner-2.svg?react';
import Spinner3 from './spinner-3.svg?react';
import Spinner4 from './spinner-4.svg?react';
import Spinner5 from './spinner-5.svg?react';
import Spinner6 from './spinner-6.svg?react';
import Spinner7 from './spinner-7.svg?react';
import Spinner8 from './spinner-8.svg?react';
import Spinner9 from './spinner-9.svg?react';
import Spinner10 from './spinner-10.svg?react';
import Spinner11 from './spinner-11.svg?react';
import SpinnerArrow from './spinner-arrow.svg?react';
import SpinnerSolid from './spinner-solid.svg?react';

const HourglassFilled = (props: FilledIconProps) => (
  <Hourglass fill="currentColor" {...props} />
);

const Spinner1Filled = (props: FilledIconProps) => (
  <Spinner1 fill="currentColor" {...props} />
);

const Spinner10Filled = (props: FilledIconProps) => (
  <Spinner10 fill="currentColor" {...props} />
);

const Spinner11Filled = (props: FilledIconProps) => (
  <Spinner11 fill="currentColor" {...props} />
);

const Spinner2Filled = (props: FilledIconProps) => (
  <Spinner2 fill="currentColor" {...props} />
);

const Spinner3Filled = (props: FilledIconProps) => (
  <Spinner3 fill="currentColor" {...props} />
);

const Spinner4Filled = (props: FilledIconProps) => (
  <Spinner4 fill="currentColor" {...props} />
);

const Spinner5Filled = (props: FilledIconProps) => (
  <Spinner5 fill="currentColor" {...props} />
);

const Spinner6Filled = (props: FilledIconProps) => (
  <Spinner6 fill="currentColor" {...props} />
);

const Spinner7Filled = (props: FilledIconProps) => (
  <Spinner7 fill="currentColor" {...props} />
);

const Spinner8Filled = (props: FilledIconProps) => (
  <Spinner8 fill="currentColor" {...props} />
);

const Spinner9Filled = (props: FilledIconProps) => (
  <Spinner9 fill="currentColor" {...props} />
);

const SpinnerArrowFilled = (props: FilledIconProps) => (
  <SpinnerArrow fill="currentColor" {...props} />
);

const SpinnerSolidFilled = (props: FilledIconProps) => (
  <SpinnerSolid fill="currentColor" {...props} />
);

export {
  HourglassFilled,
  Spinner1Filled,
  Spinner10Filled,
  Spinner11Filled,
  Spinner2Filled,
  Spinner3Filled,
  Spinner4Filled,
  Spinner5Filled,
  Spinner6Filled,
  Spinner7Filled,
  Spinner8Filled,
  Spinner9Filled,
  SpinnerArrowFilled,
  SpinnerSolidFilled,
};
