2 lines
2.6 KiB
JavaScript
2 lines
2.6 KiB
JavaScript
import{j as e}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as i}from"./ComponentCard-C2b5w2__.js";import{P as n}from"./main-af3pcbZa.js";const l=({children:t,variant:a="unordered",className:d=""})=>{const s="rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03] sm:w-fit";return a==="ordered"?e.jsx("ol",{className:`flex flex-col list-decimal ${s} ${d}`,children:t}):a==="horizontal"?e.jsx("ul",{className:`flex flex-col md:flex-row ${s} ${d}`,children:t}):a==="button"?e.jsx("ul",{className:`w-full overflow-hidden rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03] sm:w-[228px] flex flex-col ${d}`,children:t}):e.jsx("ul",{className:`flex flex-col ${s} ${d}`,children:t})},r=({children:t,variant:a="unordered",onClick:d,disabled:s=!1,className:o=""})=>a==="button"?e.jsx("li",{className:`border-b border-gray-200 last:border-b-0 dark:border-gray-800 ${o}`,children:e.jsx("button",{className:`flex w-full items-center gap-3 px-3 py-2.5 text-sm font-medium text-gray-500 hover:bg-brand-50 hover:text-brand-500 dark:text-gray-400 dark:hover:bg-brand-500/[0.12] dark:hover:text-brand-400 ${s?"disabled:opacity-50":""}`,onClick:d,disabled:s,type:"button",children:t})}):a==="horizontal"?e.jsx("li",{className:`flex items-center gap-2 border-b border-gray-200 px-3 py-2.5 text-sm text-gray-500 last:border-0 dark:border-gray-800 dark:text-gray-400 md:border-b-0 md:border-r ${o}`,children:t}):e.jsx("li",{className:`flex items-center gap-2 border-b border-gray-200 px-3 py-2.5 text-sm text-gray-500 last:border-b-0 dark:border-gray-800 dark:text-gray-400 ${o}`,children:t});function c(){return e.jsxs(e.Fragment,{children:[e.jsx(n,{title:"React.js List Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js List Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),e.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[e.jsx(i,{title:"Unordered List",children:e.jsxs(l,{variant:"unordered",children:[e.jsx(r,{children:"Item 1"}),e.jsx(r,{children:"Item 2"}),e.jsx(r,{children:"Item 3"})]})}),e.jsx(i,{title:"Ordered List",children:e.jsxs(l,{variant:"ordered",children:[e.jsx(r,{children:"First Item"}),e.jsx(r,{children:"Second Item"}),e.jsx(r,{children:"Third Item"})]})}),e.jsx(i,{title:"Button List",children:e.jsxs(l,{variant:"button",children:[e.jsx(r,{variant:"button",onClick:()=>alert("Clicked Item 1"),children:"Button Item 1"}),e.jsx(r,{variant:"button",onClick:()=>alert("Clicked Item 2"),children:"Button Item 2"}),e.jsx(r,{variant:"button",onClick:()=>alert("Clicked Item 3"),children:"Button Item 3"})]})})]})]})}export{c as default};
|