// icons import { ModuleBacklogIcon, ModuleCancelledIcon, ModuleCompletedIcon, ModuleInProgressIcon, ModulePausedIcon, ModulePlannedIcon, } from "components/icons"; // types import { TModuleStatus } from "types"; type Props = { status: TModuleStatus; className?: string; height?: string; width?: string; }; export const ModuleStatusIcon: React.FC<Props> = ({ status, className, height = "12px", width = "12px" }) => { if (status === "backlog") return <ModuleBacklogIcon className={className} height={height} width={width} />; else if (status === "cancelled") return <ModuleCancelledIcon className={className} height={height} width={width} />; else if (status === "completed") return <ModuleCompletedIcon className={className} height={height} width={width} />; else if (status === "in-progress") return <ModuleInProgressIcon className={className} height={height} width={width} />; else if (status === "paused") return <ModulePausedIcon className={className} height={height} width={width} />; else return <ModulePlannedIcon className={className} height={height} width={width} />; };