import React from "react";
export enum IconType {
Facebook,
Instagram,
LinkedIn,
HamburgerMenu,
FinlandFlag,
GBFlag,
}
interface IconProps {
name: IconType;
link?: string;
onClick?: (event?: any) => void;
}
const nameToIcon = (name: IconType): JSX.Element | string => {
if (name === IconType.Facebook) {
return (
);
}
if (name === IconType.Instagram) {
return (
);
}
if (name === IconType.LinkedIn) {
return (
);
}
if (name === IconType.HamburgerMenu) {
return (
);
}
if (name === IconType.FinlandFlag) {
return "🇫🇮";
}
if (name === IconType.GBFlag) {
return "🇬🇧";
}
return null;
};
const Icon: React.FC = ({ link, name, onClick }) => {
const elem = nameToIcon(name);
if (link) {
return (
{elem}
);
}
return (
{elem}
);
};
export default Icon;