import React from 'react';
import { IconBehance } from './IconBehance';
import { IconExternal } from './IconExternal';
import { IconGithub } from './IconGithub';
import { IconLinkedIn } from './IconLinkedIn';
import { IconMail } from './IconMail';
import { IconMedium } from './IconMedium';
import { IconTwitter } from './IconTwitter';
import { IconInstagram} from './IconInstagram';
import { IconFacebook} from './IconFacebook';

interface IconProps {
    name: string;
    color?: string;
}

export function Icon(props: IconProps): React.ReactElement | null {
    switch (props.name.toLowerCase()) {
        case 'external':
            return <IconExternal color={props.color} />;
        case 'behance':
            return <IconBehance color={props.color} />;
        case 'github':
            return <IconGithub color={props.color} />;
        case 'linkedin':
            return <IconLinkedIn color={props.color} />;
        case 'mail':
            return <IconMail color={props.color} />;
        case 'medium':
            return <IconMedium color={props.color} />;
        case 'twitter':
            return <IconTwitter color={props.color} />;
        case 'instagram':
            return <IconInstagram color={props.color} />;
        case 'facebook':
            return <IconFacebook color={props.color} />;
        default:
            return null;
    }
}