import { ReactComponent as SignalUrgentIcon } from 'assets/icons/claim.svg' ; import { ReactComponent as SignalNoPriorityIcon } from 'assets/icons/dots.svg' ; import { ReactComponent as SignalMediumIcon } from 'assets/icons/signal-medium.svg' ; import { ReactComponent as SignalStrongIcon } from 'assets/icons/signal-strong.svg' ; import { ReactComponent as SignalWeakIcon } from 'assets/icons/signal-weak.svg' ; import classNames from 'classnames' ; import React from 'react' ; import { Priority } from 'types/issue' ; interface Props { priority : string ; className ? : string ; } const ICONS = { [ Priority . HIGH ] : SignalStrongIcon , [ Priority . MEDIUM ] : SignalMediumIcon , [ Priority . LOW ] : SignalWeakIcon , [ Priority . URGENT ] : SignalUrgentIcon , [ Priority . NO_PRIORITY ] : SignalNoPriorityIcon , } ; export default function PriorityIcon ( { priority , className } ) { let classes = classNames ( 'w-3.5 h-3.5 rounded' , className ) ; let Icon = ICONS [ priority ] ; return ( < Icon className = { classes } / > ) ; }