import { createElement } from 'react';
const icons = {
home: (
),
chart: (
<>
),
repeat: (
<>
),
tags: (
<>
),
settings: (
<>
),
search: (
<>
),
plus: (
<>
),
chevronLeft: (
),
chevronRight: (
),
close: (
<>
),
trash: (
<>
),
logout: (
<>
),
download: (
<>
),
upload: (
<>
),
check: (
),
info: (
<>
),
spinner: (
<>
),
};
export function Icon({ name, size = 20, className = '', title }) {
return createElement(
'svg',
{
viewBox: '0 0 24 24',
width: size,
height: size,
className,
'aria-hidden': title ? undefined : 'true',
role: title ? 'img' : 'presentation',
fill: 'none',
},
title ? createElement('title', null, title) : null,
icons[name] || icons.info
);
}