@loke/design-system
Version:
A design system with individually importable components
2 lines (1 loc) • 713 B
JavaScript
import{cn}from"@loke/design-system/cn";import{LoaderCircle}from"@loke/icons";import React from"react";import{jsx,jsxs}from"react/jsx-runtime";var Spinner=React.forwardRef(({size="md",color="primary",className,...props},ref)=>{let sizeClasses={lg:"w-8 h-8",md:"w-6 h-6",sm:"w-4 h-4",xl:"w-12 h-12"},colorClasses={accent:"text-accent",primary:"text-primary",secondary:"text-secondary"};return jsxs("output",{"aria-label":"Loading",className:cn("inline-flex items-center justify-center",className),ref,...props,children:[jsx(LoaderCircle,{className:cn("animate-spin",sizeClasses[size],colorClasses[color])}),jsx("span",{className:"sr-only",children:"Loading..."})]})});Spinner.displayName="Spinner";export{Spinner};