2023-07-19 23:37:30 -07:00
|
|
|
export default function WidgetIcon({ icon, size = "s", pulse = false }) {
|
2023-06-03 01:10:15 +01:00
|
|
|
const Icon = icon;
|
|
|
|
let additionalClasses = "text-theme-800 dark:text-theme-200 ";
|
|
|
|
|
|
|
|
switch (size) {
|
|
|
|
case "m": additionalClasses += "w-6 h-6 "; break;
|
|
|
|
case "l": additionalClasses += "w-8 h-8 "; break;
|
|
|
|
case "xl": additionalClasses += "w-10 h-10 "; break;
|
|
|
|
default: additionalClasses += "w-5 h-5 ";
|
|
|
|
}
|
|
|
|
|
|
|
|
if (pulse) {
|
|
|
|
additionalClasses += "animate-pulse ";
|
|
|
|
}
|
|
|
|
|
2023-07-19 23:37:30 -07:00
|
|
|
return <Icon className={additionalClasses} />;
|
2023-06-03 01:10:15 +01:00
|
|
|
}
|