| 19 | }); |
| 20 | |
| 21 | let renderCheckMark = (size: string) => { |
| 22 | if (size === 'XS') { |
| 23 | return <CheckmarkCircle styles={iconStyle({size: 'XS'})} />; |
| 24 | } else if (size === 'S') { |
| 25 | return <CheckmarkCircle styles={iconStyle({size: 'S'})} />; |
| 26 | } else if (size === 'M') { |
| 27 | return <CheckmarkCircle styles={iconStyle({size: 'M'})} />; |
| 28 | } else if (size === 'L') { |
| 29 | return <CheckmarkCircle styles={iconStyle({size: 'L'})} />; |
| 30 | } else if (size === 'XL') { |
| 31 | return <CheckmarkCircle styles={iconStyle({size: 'XL'})} />; |
| 32 | } |
| 33 | return null; |
| 34 | }; |
| 35 | |
| 36 | export function IconSizes({sizes}: {sizes: SizeInfo[]}) { |
| 37 | return ( |