import React from 'react';
import { IIconType } from './icon.types';
export const Icon: any = ({
iconName,
width,
height,
iconColor,
borderProperty,
}: IIconType) => {
const styles = {
container: {
border: `${borderProperty}`,
},
};
if (iconName === 'send') {
return (
);
} else if (iconName === 'closeMail') {
return (
);
} else if (iconName === 'Mail') {
return (
);
} else if (iconName === 'notes') {
return (
);
} else if (iconName === 'calendar') {
return (
);
} else if (iconName === 'resetTime') {
return (
);
} else if (iconName === 'chevronDown') {
return (
);
} else if (iconName === 'warning') {
return (
);
} else if (iconName === 'xcircle') {
return (
);
} else if (iconName === 'checkCircle') {
return (
);
} else if (iconName === 'search') {
return (
);
} else if (iconName === 'group') {
return (
);
} else if (iconName === 'user') {
return (
);
} else if (iconName === 'chevronRight') {
return (
);
} else if (iconName === 'plus') {
return (
);
} else if (iconName === 'plus') {
return (
);
} else if (iconName === 'checkMark') {
return (
);
} else if (iconName === 'billDiagonal') {
return (
);
} else if (iconName === 'Danger') {
return (
);
} else if (iconName === 'phone') {
return (
);
} else if (iconName === 'messageBubble') {
return (
);
} else if (iconName === 'X') {
return (
);
} else if (iconName === 'sun') {
return (
);
} else if (iconName === 'moon') {
return (
);
} else if (iconName === 'rank') {
return (
);
} else if (iconName === 'backspace') {
return (
);
} else if (iconName === 'bell') {
return (
);
} else if (iconName === 'tick') {
return (
);
} else if (iconName === 'line') {
return (
);
} else if (iconName === 'gymlogo') {
return (
);
} else if (iconName === 'uploadphoto') {
return (
);
} else if (iconName === 'closeCircle') {
return (
);
} else if (iconName === 'Timer') {
return (
);
} else if (iconName === 'Clockwise') {
return (
);
} else if (iconName === 'Calendar') {
return (
);
} else if (iconName === 'Navbar') {
return (
);
} else if (iconName === 'Dashboard') {
return (
);
} else if (iconName == 'Members') {
return (
);
} else if (iconName === 'Payments') {
return (
);
} else if (iconName === 'More') {
return (
);
} else if (iconName === 'Settings') {
return (
);
} else if (iconName === 'Marketing') {
return (
);
} else if (iconName === 'Reports') {
return (
);
} else if (iconName === 'Xmark') {
return (
);
}
};
export default Icon;