type SvgNames =
| 'arrow-down'
// | 'arrow'
| 'arrow-left'
| 'big-gear'
| 'camera'
| 'check'
| 'chevron-down'
| 'dots-vertical'
| 'drag-grid'
| 'exclamation-circle'
| 'favicon'
| 'flag'
| 'floppy-disk'
| 'fork'
| 'fork-new'
| 'gear'
| 'lightbulb'
| 'logout'
| 'mac-cmd-key'
| 'pencil'
| 'pencil-solid'
| 'photograph'
| 'plus'
| 'plus-circle'
| 'reactions'
| 'refresh'
| 'save'
| 'share'
| 'switch-horizontal'
| 'terminal'
| 'trash'
| 'x'
const Svg = ({
name,
className: className2 = '',
strokeWidth = 2,
}: {
name: SvgNames
className?: string
strokeWidth?: number
}) => {
const svgs: { [name in SvgNames]: React.ReactElement } = {
'arrow-down': (
),
'arrow-left': (
),
camera: (
),
check: (
),
'chevron-down': (
),
'dots-vertical': (
),
'drag-grid': (
),
'exclamation-circle': (
),
favicon: (
),
flag: (
),
'floppy-disk': (
),
fork: (
),
'fork-new': (
),
gear: (
),
'big-gear': (
),
lightbulb: (
),
logout: (
),
'mac-cmd-key': (
),
pencil: (
),
'pencil-solid': (
),
photograph: (
),
plus: (
),
'plus-circle': (
),
reactions: (
),
refresh: (
),
save: (
),
share: (
),
'switch-horizontal': (
),
terminal: (
),
trash: (
),
x: (
),
}
return {svgs[name]}
}
export default Svg