import type { FilledIconProps } from '../types';
import Android from './android.svg?react';
import AppleBrand from './apple-brand.svg?react';
import Behance from './behance.svg?react';
import Bitbucket from './bitbucket.svg?react';
import Bitcoin from './bitcoin.svg?react';
import Chrome from './chrome.svg?react';
import Css3 from './css3.svg?react';
import Dribbble from './dribbble.svg?react';
import Dropbox from './dropbox.svg?react';
import Drupal from './drupal.svg?react';
import FacebookLine from './facebook-line.svg?react';
import Facebook from './facebook.svg?react';
import Firefox from './firefox.svg?react';
import Github from './github.svg?react';
import Html5 from './html5.svg?react';
import Instagram from './instagram.svg?react';
import Paypal from './paypal.svg?react';
import Quora from './quora.svg?react';
import Reddit from './reddit.svg?react';
import SlackLine from './slack-line.svg?react';
import Soundcloud from './soundcloud.svg?react';
import Twitter from './twitter.svg?react';
import Visa from './visa.svg?react';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

export {
  AndroidFilled,
  AppleBrandFilled,
  BehanceFilled,
  BitbucketFilled,
  BitcoinFilled,
  ChromeFilled,
  Css3Filled,
  DribbbleFilled,
  DropboxFilled,
  DrupalFilled,
  FacebookLineFilled,
  FacebookFilled,
  FirefoxFilled,
  GithubFilled,
  Html5Filled,
  InstagramFilled,
  PaypalFilled,
  QuoraFilled,
  RedditFilled,
  SlackLineFilled,
  SoundcloudFilled,
  TwitterFilled,
  VisaFilled,
};
