import { splitProps, type ComponentProps } from "solid-js"
const icons = {
"align-right": ``,
"arrow-up": ``,
"arrow-left": ``,
"arrow-right": ``,
archive: ``,
"bubble-5": ``,
brain: ``,
"bullet-list": ``,
"check-small": ``,
"chevron-down": ``,
"chevron-right": ``,
"chevron-grabber-vertical": ``,
"chevron-double-right": ``,
"circle-x": ``,
close: ``,
"close-small": ``,
checklist: ``,
console: ``,
expand: ``,
collapse: ``,
code: ``,
"code-lines": ``,
"circle-ban-sign": ``,
"edit-small-2": ``,
eye: ``,
enter: ``,
folder: ``,
"magnifying-glass": ``,
"plus-small": ``,
plus: ``,
"pencil-line": ``,
mcp: ``,
glasses: ``,
"magnifying-glass-menu": ``,
"window-cursor": ``,
task: ``,
stop: ``,
"layout-left": ``,
"layout-left-partial": ``,
"layout-left-full": ``,
"layout-right": ``,
"layout-right-partial": ``,
"layout-right-full": ``,
"square-arrow-top-right": ``,
"speech-bubble": ``,
comment: ``,
"folder-add-left": ``,
github: ``,
discord: ``,
"layout-bottom": ``,
"layout-bottom-partial": ``,
"layout-bottom-full": ``,
"dot-grid": ``,
"circle-check": ``,
copy: ``,
check: ``,
photo: ``,
share: ``,
download: ``,
menu: ``,
server: ``,
branch: ``,
edit: ``,
help: ``,
"settings-gear": ``,
dash: ``,
"cloud-upload": ``,
trash: ``,
sliders: ``,
keyboard: ``,
selector: ``,
"arrow-down-to-line": ``,
link: ``,
providers: ``,
models: ``,
}
export interface IconProps extends ComponentProps<"svg"> {
name: keyof typeof icons
size?: "small" | "normal" | "medium" | "large"
}
export function Icon(props: IconProps) {
const [local, others] = splitProps(props, ["name", "size", "class", "classList"])
return (
)
}