type Props = { name : 'arrow-narrow-down' | 'arrow-narrow-left' | 'arrow-narrow-right' | 'arrow-narrow-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'code' | 'plus' ; className ? : string ; } ; const Icon = ( { name , className } ) => { return ( < svg viewBox = "0 0 20 20" fill = "currentColor" className = { [ 'chevron-down w-5 h-5' , className || '' ] . join ( ' ' ) } > { ( ( ) => { switch ( name ) { case 'arrow-narrow-down' : return ( < path fillRule = "evenodd" d = "M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l2.293-2.293a1 1 0 011.414 0z" clipRule = "evenodd" / > ) ; case 'arrow-narrow-left' : return ( < path fillRule = "evenodd" d = "M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clipRule = "evenodd" / > ) ; case 'arrow-narrow-right' : return ( < path fillRule = "evenodd" d = "M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clipRule = "evenodd" / > ) ; case 'arrow-narrow-up' : return ( < path fillRule = "evenodd" d = "M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L6.707 7.707a1 1 0 01-1.414 0z" clipRule = "evenodd" / > ) ; case 'chevron-down' : return ( < path fillRule = "evenodd" d = "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule = "evenodd" > < /path>); case 'chevron-left' : return ( < path fillRule = "evenodd" d = "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clipRule = "evenodd" / > ) ; case 'chevron-right' : return ( < path fillRule = "evenodd" d = "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule = "evenodd" / > ) ; case 'chevron-up' : return ( < path fillRule = "evenodd" d = "M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clipRule = "evenodd" > < /path>); case 'code' : return ( < path fillRule = "evenodd" d = "M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z" clipRule = "evenodd" / > ) ; case 'plus' : return ( < path fillRule = "evenodd" d = "M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z" clipRule = "evenodd" / > ) ; default : return null ; } } ) ( ) } < /svg>); } ; export default Icon ;