2 lines
2.4 KiB
JavaScript
2 lines
2.4 KiB
JavaScript
import{j as r}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as s}from"./ComponentCard-C2b5w2__.js";import{P as l}from"./main-af3pcbZa.js";const e=({size:a="md",color:t="primary",className:i=""})=>{const d={sm:"h-6 w-6 border-2",md:"h-10 w-10 border-4",lg:"h-16 w-16 border-4"},n={primary:"border-gray-200 border-t-brand-500",success:"border-success-200 border-t-success-500",error:"border-error-200 border-t-error-500",warning:"border-warning-200 border-t-warning-500",info:"border-blue-light-200 border-t-blue-light-500"};return r.jsx("div",{className:`inline-flex animate-spin items-center justify-center rounded-full ${d[a]} ${n[t]} ${i}`,role:"status","aria-label":"Loading",children:r.jsx("span",{className:"sr-only",children:"Loading..."})})};function o(){return r.jsxs(r.Fragment,{children:[r.jsx(l,{title:"React.js Spinners Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Spinners Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),r.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[r.jsx(s,{title:"Size Variants",children:r.jsxs("div",{className:"flex flex-wrap items-center gap-6",children:[r.jsxs("div",{children:[r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Small"}),r.jsx(e,{size:"sm"})]}),r.jsxs("div",{children:[r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Medium"}),r.jsx(e,{size:"md"})]}),r.jsxs("div",{children:[r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Large"}),r.jsx(e,{size:"lg"})]})]})}),r.jsx(s,{title:"Color Variants",children:r.jsxs("div",{className:"flex flex-wrap items-center gap-6",children:[r.jsxs("div",{children:[r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Primary"}),r.jsx(e,{color:"primary"})]}),r.jsxs("div",{children:[r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Success"}),r.jsx(e,{color:"success"})]}),r.jsxs("div",{children:[r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Error"}),r.jsx(e,{color:"error"})]}),r.jsxs("div",{children:[r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Warning"}),r.jsx(e,{color:"warning"})]}),r.jsxs("div",{children:[r.jsx("p",{className:"text-sm text-gray-500 dark:text-gray-400 mb-2",children:"Info"}),r.jsx(e,{color:"info"})]})]})})]})]})}export{o as default};
|