????
Your IP : 216.73.216.152
import{j as e,E as i,ai as d,aj as l,F as s,I as n,s as o,G as c}from"./index-9bcd78a9.js";import{F as t}from"./Fab-ba6297ee.js";const x=o("div")(({theme:r})=>({margin:"30px",[r.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[r.breakpoints.down("sm")]:{marginBottom:"16px"}},"& .button":{margin:r.spacing(1)},"& .input":{display:"none"}})),a=o(c)(({theme:r})=>({margin:r.spacing(1)}));function m(){return e.jsxs(x,{children:[e.jsx(i,{className:"breadcrumb",children:e.jsx(d,{routeSegments:[{name:"Material",path:"/material"},{name:"Buttons"}]})}),e.jsxs(l,{title:"contained buttons",children:[e.jsx(a,{variant:"contained",color:"inherit",children:"Default"}),e.jsx(a,{variant:"contained",color:"primary",children:"Primary"}),e.jsx(a,{variant:"contained",color:"secondary",children:"Secondary"}),e.jsx(a,{variant:"contained",color:"secondary",disabled:!0,children:"Disabled"}),e.jsx(a,{variant:"contained",href:"#contained-buttons",children:"Link"}),e.jsx("input",{accept:"image/*",className:"input",id:"contained-button-file",multiple:!0,type:"file"}),e.jsx("label",{htmlFor:"contained-button-file",children:e.jsx(a,{variant:"contained",component:"span",children:"Upload"})})]}),e.jsx(i,{py:"12px"}),e.jsxs(l,{title:"text buttons",children:[e.jsx(a,{children:"Default"}),e.jsx(a,{color:"primary",children:"Primary"}),e.jsx(a,{color:"secondary",children:"Secondary"}),e.jsx(a,{disabled:!0,children:"Disabled"}),e.jsx(a,{href:"#text-buttons",children:"Link"}),e.jsx("input",{accept:"image/*",className:"input",id:"text-button-file",multiple:!0,type:"file"}),e.jsx("label",{htmlFor:"text-button-file",children:e.jsx(a,{component:"span",children:"Upload"})})]}),e.jsx(i,{py:"12px"}),e.jsxs(l,{title:"outlined buttons",children:[e.jsx(a,{variant:"outlined",children:"Default"}),e.jsx(a,{variant:"outlined",color:"primary",children:"Primary"}),e.jsx(a,{variant:"outlined",color:"secondary",children:"Secondary"}),e.jsx(a,{variant:"outlined",disabled:!0,children:"Disabled"}),e.jsx(a,{variant:"outlined",href:"#outlined-buttons",children:"Link"}),e.jsx("input",{accept:"image/*",className:"input",id:"outlined-button-file",multiple:!0,type:"file"}),e.jsx("label",{htmlFor:"outlined-button-file",children:e.jsx(a,{variant:"outlined",component:"span",children:"Upload"})}),e.jsx(a,{variant:"outlined",color:"inherit",children:"Inherit"})]}),e.jsx(i,{py:"12px"}),e.jsxs(l,{title:"icon buttons",children:[e.jsx(s,{className:"button","aria-label":"Delete",children:e.jsx(n,{children:"delete"})}),e.jsx(s,{className:"button","aria-label":"Delete",disabled:!0,color:"primary",children:e.jsx(n,{children:"delete"})}),e.jsx(s,{color:"secondary",className:"button","aria-label":"Add an alarm",children:e.jsx(n,{children:"alarm"})}),e.jsx(s,{color:"primary",className:"button","aria-label":"Add to shopping cart",children:e.jsx(n,{children:"add_shopping_cart"})}),e.jsx("input",{accept:"image/*",className:"input",id:"icon-button-file",type:"file"}),e.jsx("label",{htmlFor:"icon-button-file",children:e.jsx(s,{color:"primary",component:"span",className:"button","aria-label":"Upload picture",children:e.jsx(n,{children:"photo_camera"})})})]}),e.jsx(i,{py:"12px"}),e.jsxs(l,{title:"different size buttons",children:[e.jsx(t,{size:"small",color:"secondary","aria-label":"Add",className:"button",children:e.jsx(n,{children:"add"})}),e.jsx(t,{size:"medium",color:"secondary","aria-label":"Add",className:"button",children:e.jsx(n,{children:"add"})}),e.jsx(t,{color:"secondary","aria-label":"Add",className:"button",children:e.jsx(n,{children:"add"})})]}),e.jsx(i,{py:"12px"}),e.jsxs(l,{title:"outlined buttons",children:[e.jsx(t,{color:"primary","aria-label":"Add",className:"button",children:e.jsx(n,{children:"add"})}),e.jsx(t,{color:"secondary","aria-label":"Edit",className:"button",children:e.jsx(n,{children:"edit_icon"})}),e.jsxs(t,{variant:"extended","aria-label":"Delete",className:"button",children:[e.jsx(n,{sx:{mr:4},children:"navigation"}),"Extended"]}),e.jsx(t,{disabled:!0,"aria-label":"Delete",className:"button",children:e.jsx(n,{children:"delete"})})]})]})}export{m as default};