2 lines
4.2 KiB
JavaScript
2 lines
4.2 KiB
JavaScript
import{r as d,j as e}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as o}from"./ComponentCard-C2b5w2__.js";import{P as h,B as l,a8 as i,a9 as r}from"./main-af3pcbZa.js";function v(){const[n,s]=d.useState(!1),[x,t]=d.useState(!1),[m,a]=d.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(h,{title:"React.js Dropdowns Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Dropdowns 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(o,{title:"Default Dropdown",children:e.jsxs("div",{className:"relative inline-block",children:[e.jsx(l,{onClick:()=>s(!n),children:"Dropdown Default"}),e.jsxs(i,{isOpen:n,onClose:()=>s(!1),className:"w-48 p-2 mt-2",children:[e.jsx(r,{onItemClick:()=>s(!1),className:"flex items-center gap-3 px-3 py-2 font-medium text-gray-700 rounded-lg text-theme-sm hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-300",children:"Edit"}),e.jsx(r,{onItemClick:()=>s(!1),className:"flex items-center gap-3 px-3 py-2 font-medium text-gray-700 rounded-lg text-theme-sm hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-300",children:"Delete"})]})]})}),e.jsx(o,{title:"Dropdown with Divider",children:e.jsxs("div",{className:"relative inline-block",children:[e.jsx(l,{onClick:()=>t(!x),children:"Dropdown with Divider"}),e.jsxs(i,{isOpen:x,onClose:()=>t(!1),className:"w-48 p-2 mt-2",children:[e.jsx(r,{onItemClick:()=>t(!1),className:"flex items-center gap-3 px-3 py-2 font-medium text-gray-700 rounded-lg text-theme-sm hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-300",children:"Edit"}),e.jsx(r,{onItemClick:()=>t(!1),className:"flex items-center gap-3 px-3 py-2 font-medium text-gray-700 rounded-lg text-theme-sm hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-300",children:"View"}),e.jsx("div",{className:"my-2 border-t border-gray-200 dark:border-gray-800"}),e.jsx(r,{onItemClick:()=>t(!1),className:"flex items-center gap-3 px-3 py-2 font-medium text-red-600 rounded-lg text-theme-sm hover:bg-red-50 hover:text-red-700 dark:text-red-400 dark:hover:bg-red-900/20 dark:hover:text-red-300",children:"Delete"})]})]})}),e.jsx(o,{title:"Dropdown with Icon",children:e.jsxs("div",{className:"relative inline-block",children:[e.jsx(l,{onClick:()=>a(!m),children:"Dropdown with Icon"}),e.jsxs(i,{isOpen:m,onClose:()=>a(!1),className:"w-48 p-2 mt-2",children:[e.jsxs(r,{onItemClick:()=>a(!1),className:"flex items-center gap-3 px-3 py-2 font-medium text-gray-700 rounded-lg text-theme-sm hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-300",children:[e.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{d:"M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"})}),"Edit"]}),e.jsxs(r,{onItemClick:()=>a(!1),className:"flex items-center gap-3 px-3 py-2 font-medium text-gray-700 rounded-lg text-theme-sm hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-300",children:[e.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})}),"View"]}),e.jsx("div",{className:"my-2 border-t border-gray-200 dark:border-gray-800"}),e.jsxs(r,{onItemClick:()=>a(!1),className:"flex items-center gap-3 px-3 py-2 font-medium text-red-600 rounded-lg text-theme-sm hover:bg-red-50 hover:text-red-700 dark:text-red-400 dark:hover:bg-red-900/20 dark:hover:text-red-300",children:[e.jsx("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{fillRule:"evenodd",d:"M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z",clipRule:"evenodd"})}),"Delete"]})]})]})})]})]})}export{v as default};
|