import type { ComponentType } from "react" export interface ProviderIconProps { className?: string } export type ProviderIcon = ComponentType export const AppleIcon: ProviderIcon = ({ className }) => ( ) export const DiscordIcon: ProviderIcon = ({ className }) => ( ) export const DropboxIcon: ProviderIcon = ({ className }) => ( ) export const FacebookIcon: ProviderIcon = ({ className }) => ( ) export const GitHubIcon: ProviderIcon = ({ className }) => ( ) export const GitLabIcon: ProviderIcon = ({ className }) => ( ) export const GoogleIcon: ProviderIcon = ({ className }) => ( ) export const HuggingFaceIcon: ProviderIcon = ({ className }) => ( ) export const KickIcon: ProviderIcon = ({ className }) => ( ) export const LinearIcon: ProviderIcon = ({ className }) => ( ) export const LinkedInIcon: ProviderIcon = ({ className }) => ( ) export const MicrosoftIcon: ProviderIcon = ({ className }) => ( ) export const NotionIcon: ProviderIcon = ({ className }) => ( ) export const RedditIcon: ProviderIcon = ({ className }) => ( ) export const RobloxIcon: ProviderIcon = ({ className }) => ( ) export const SlackIcon: ProviderIcon = ({ className }) => ( ) export const SpotifyIcon: ProviderIcon = ({ className }) => ( ) export const TikTokIcon: ProviderIcon = ({ className }) => ( ) export const TwitchIcon: ProviderIcon = ({ className }) => ( Asset 2 ) export const VercelIcon: ProviderIcon = ({ className }) => ( ) export const VKIcon: ProviderIcon = ({ className }) => ( ) export const XIcon: ProviderIcon = ({ className }) => ( ) export const ZoomIcon: ProviderIcon = ({ className }) => ( )