import clsx from 'clsx';
const icons = {
plus: ({ className }) => (
),
'brand-github': ({ className }) => (
),
'brand-sketch': ({ className }) => (
),
'brand-figma': ({ className }) => (
),
'brand-twitter': ({ className }) => (
),
'brand-facebook': ({ className }) => (
),
'brand-dribbble': ({ className }) => (
),
heart: ({ className }) => (
),
download: ({ className }) => (
),
edit: ({ className }) => (
),
search: ({ className }) => (
),
lock: ({ className }) => (
),
'brand-bootstrap': ({ className }) => (
),
'brand-html5': ({ className }) => (
),
tools: ({ className }) => (
),
paint: ({ className }) => (
),
check: ({ className }) => (
),
x: ({ className }) => (
),
copy: ({ className }) => (
),
'arrow-down-circle': ({ className }) => (
),
'arrow-right': ({ className }) => (
),
'thumb-up': ({ className }) => (
),
'device-mobile': ({ className }) => (
),
'device-tablet': ({ className }) => (
),
'device-desktop': ({ className }) => (
),
'chevron-left': ({ className }) => (
),
'chevron-right': ({ className }) => (
),
lego: ({ className }) => (
),
'chevron-up': ({ className }) => (
),
devices: ({ className }) => (
),
mailbox: ({ className }) => (
),
palette: ({ className }) => (
),
message: ({ className }) => (
),
settings: ({ className }) => (
),
adjustments: ({ className }) => (
),
clipboard: ({ className }) => (
),
home: ({ className }) => (
),
box: ({ className }) => (
),
lifebuoy: ({ className }) => (
),
code: ({ className }) => (
),
versions: ({ className }) => (
),
maximize: ({ className }) => (
),
minimize: ({ className }) => (
),
'external-link': ({ className }) => (
),
star: ({ className }) => (
),
'target-arrow': ({ className }) => (
),
brush: ({ className }) => (
),
'layout-dashboard': ({ className }) => (
),
'sun-moon': ({ className }) => (
),
'circle-x-filled': ({ className }) => (
),
'circle-check-filled': ({ className }) => (
),
'alert-circle-filled': ({ className }) => (
),
sparkles: ({ className }) => (
),
script: ({ className }) => (
),
link: ({ className }) => (
),
'brand-linkedin': ({ className }) => (
),
};
export default function Icon({
name,
color,
filled = false,
className = null,
}: {
name: string
color?: string
filled?: boolean
className?: string | null
}) {
if (icons[name]) {
const Component = icons[name];
return (
);
} else {
throw Error(`Icon ${name} doesn't exists`);
}
}