import { cloneElement } from 'react'
const CustomIconMap = {
arc: (
),
angle: (
),
arrowDown: (
),
arrowLeft: (
),
arrowRight: (
),
arrowRotateRight: (
),
arrowUp: (
),
bug: (
),
checkmark: (
),
caretDown: (
),
clipboardCheckmark: (
),
clipboardPlus: (
),
close: (
),
dimension: (
),
equal: (
),
exclamationMark: (
),
exportFile: (
),
extrude: (
),
file: (
),
filePlus: (
),
folder: (
),
folderPlus: (
),
gear: (
),
horizontal: (
),
horizontalDash: (
),
'intersection-offset': (
),
kcl: (
),
keyboard: (
),
line: (
),
'make-variable': (
),
menu: (
),
move: (
),
network: (
),
networkCrossedOut: (
),
parallel: (
),
person: (
),
plus: (
),
questionMark: (
),
rectangle: (
),
refresh: (
),
search: (
),
settings: (
),
sketch: (
),
tangent: (
),
'three-dots': (
),
trash: (
),
vertical: (
),
xAbsolute: (
),
xRelative: (
),
yAbsolute: (
),
yRelative: (
),
} as const
export type CustomIconName = keyof typeof CustomIconMap
export const CustomIcon = ({
name,
...props
}: { name: CustomIconName } & React.SVGProps) =>
cloneElement(CustomIconMap[name], props)