import{j as e}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as i}from"./ComponentCard-C2b5w2__.js";import{P as a,B as t}from"./main-af3pcbZa.js";import{S as s}from"./box-jJ_LUJjA.js";function o(){return e.jsxs("div",{children:[e.jsx(a,{title:"React.js Buttons Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Buttons 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:"Primary Button",children:e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx(t,{size:"sm",variant:"primary",children:"Button Text"}),e.jsx(t,{size:"md",variant:"primary",children:"Button Text"})]})}),e.jsx(i,{title:"Primary Button with Left Icon",children:e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx(t,{size:"sm",variant:"primary",startIcon:e.jsx(s,{className:"size-5"}),children:"Button Text"}),e.jsx(t,{size:"md",variant:"primary",startIcon:e.jsx(s,{className:"size-5"}),children:"Button Text"})]})}),e.jsx(i,{title:"Primary Button with Right Icon",children:e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx(t,{size:"sm",variant:"primary",endIcon:e.jsx(s,{className:"size-5"}),children:"Button Text"}),e.jsx(t,{size:"md",variant:"primary",endIcon:e.jsx(s,{className:"size-5"}),children:"Button Text"})]})}),e.jsx(i,{title:"Secondary Button",children:e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx(t,{size:"sm",variant:"outline",children:"Button Text"}),e.jsx(t,{size:"md",variant:"outline",children:"Button Text"})]})}),e.jsx(i,{title:"Outline Button with Left Icon",children:e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx(t,{size:"sm",variant:"outline",startIcon:e.jsx(s,{className:"size-5"}),children:"Button Text"}),e.jsx(t,{size:"md",variant:"outline",startIcon:e.jsx(s,{className:"size-5"}),children:"Button Text"})]})})," ",e.jsx(i,{title:"Outline Button with Right Icon",children:e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx(t,{size:"sm",variant:"outline",endIcon:e.jsx(s,{className:"size-5"}),children:"Button Text"}),e.jsx(t,{size:"md",variant:"outline",endIcon:e.jsx(s,{className:"size-5"}),children:"Button Text"})]})})]})]})}export{o as default};