????
Your IP : 216.73.216.130
var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});import{k as jsxRuntimeExports,B as Box,aj as Breadcrumb,ak as SimpleCard,x as IconButton,I as Icon,s as styled,y as Button}from"./index-y1X-EiI1.js";import{F as Fab}from"./Fab-BPCNM9bU.js";const AppButtonRoot=styled("div")(({theme})=>({margin:"30px",[theme.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[theme.breakpoints.down("sm")]:{marginBottom:"16px"}},"& .button":{margin:theme.spacing(1)},"& .input":{display:"none"}})),StyledButton=styled(Button)(({theme})=>({margin:theme.spacing(1)}));function AppButton(){return jsxRuntimeExports.jsxs(AppButtonRoot,{children:[jsxRuntimeExports.jsx(Box,{className:"breadcrumb",children:jsxRuntimeExports.jsx(Breadcrumb,{routeSegments:[{name:"Material",path:"/material"},{name:"Buttons"}]})}),jsxRuntimeExports.jsxs(SimpleCard,{title:"contained buttons",children:[jsxRuntimeExports.jsx(StyledButton,{variant:"contained",color:"inherit",children:"Default"}),jsxRuntimeExports.jsx(StyledButton,{variant:"contained",color:"primary",children:"Primary"}),jsxRuntimeExports.jsx(StyledButton,{variant:"contained",color:"secondary",children:"Secondary"}),jsxRuntimeExports.jsx(StyledButton,{variant:"contained",color:"secondary",disabled:!0,children:"Disabled"}),jsxRuntimeExports.jsx(StyledButton,{variant:"contained",href:"#contained-buttons",children:"Link"}),jsxRuntimeExports.jsx("input",{accept:"image/*",className:"input",id:"contained-button-file",multiple:!0,type:"file"}),jsxRuntimeExports.jsx("label",{htmlFor:"contained-button-file",children:jsxRuntimeExports.jsx(StyledButton,{variant:"contained",component:"span",children:"Upload"})})]}),jsxRuntimeExports.jsx(Box,{py:"12px"}),jsxRuntimeExports.jsxs(SimpleCard,{title:"text buttons",children:[jsxRuntimeExports.jsx(StyledButton,{children:"Default"}),jsxRuntimeExports.jsx(StyledButton,{color:"primary",children:"Primary"}),jsxRuntimeExports.jsx(StyledButton,{color:"secondary",children:"Secondary"}),jsxRuntimeExports.jsx(StyledButton,{disabled:!0,children:"Disabled"}),jsxRuntimeExports.jsx(StyledButton,{href:"#text-buttons",children:"Link"}),jsxRuntimeExports.jsx("input",{accept:"image/*",className:"input",id:"text-button-file",multiple:!0,type:"file"}),jsxRuntimeExports.jsx("label",{htmlFor:"text-button-file",children:jsxRuntimeExports.jsx(StyledButton,{component:"span",children:"Upload"})})]}),jsxRuntimeExports.jsx(Box,{py:"12px"}),jsxRuntimeExports.jsxs(SimpleCard,{title:"outlined buttons",children:[jsxRuntimeExports.jsx(StyledButton,{variant:"outlined",children:"Default"}),jsxRuntimeExports.jsx(StyledButton,{variant:"outlined",color:"primary",children:"Primary"}),jsxRuntimeExports.jsx(StyledButton,{variant:"outlined",color:"secondary",children:"Secondary"}),jsxRuntimeExports.jsx(StyledButton,{variant:"outlined",disabled:!0,children:"Disabled"}),jsxRuntimeExports.jsx(StyledButton,{variant:"outlined",href:"#outlined-buttons",children:"Link"}),jsxRuntimeExports.jsx("input",{accept:"image/*",className:"input",id:"outlined-button-file",multiple:!0,type:"file"}),jsxRuntimeExports.jsx("label",{htmlFor:"outlined-button-file",children:jsxRuntimeExports.jsx(StyledButton,{variant:"outlined",component:"span",children:"Upload"})}),jsxRuntimeExports.jsx(StyledButton,{variant:"outlined",color:"inherit",children:"Inherit"})]}),jsxRuntimeExports.jsx(Box,{py:"12px"}),jsxRuntimeExports.jsxs(SimpleCard,{title:"icon buttons",children:[jsxRuntimeExports.jsx(IconButton,{className:"button","aria-label":"Delete",children:jsxRuntimeExports.jsx(Icon,{children:"delete"})}),jsxRuntimeExports.jsx(IconButton,{className:"button","aria-label":"Delete",disabled:!0,color:"primary",children:jsxRuntimeExports.jsx(Icon,{children:"delete"})}),jsxRuntimeExports.jsx(IconButton,{color:"secondary",className:"button","aria-label":"Add an alarm",children:jsxRuntimeExports.jsx(Icon,{children:"alarm"})}),jsxRuntimeExports.jsx(IconButton,{color:"primary",className:"button","aria-label":"Add to shopping cart",children:jsxRuntimeExports.jsx(Icon,{children:"add_shopping_cart"})}),jsxRuntimeExports.jsx("input",{accept:"image/*",className:"input",id:"icon-button-file",type:"file"}),jsxRuntimeExports.jsx("label",{htmlFor:"icon-button-file",children:jsxRuntimeExports.jsx(IconButton,{color:"primary",component:"span",className:"button","aria-label":"Upload picture",children:jsxRuntimeExports.jsx(Icon,{children:"photo_camera"})})})]}),jsxRuntimeExports.jsx(Box,{py:"12px"}),jsxRuntimeExports.jsxs(SimpleCard,{title:"different size buttons",children:[jsxRuntimeExports.jsx(Fab,{size:"small",color:"secondary","aria-label":"Add",className:"button",children:jsxRuntimeExports.jsx(Icon,{children:"add"})}),jsxRuntimeExports.jsx(Fab,{size:"medium",color:"secondary","aria-label":"Add",className:"button",children:jsxRuntimeExports.jsx(Icon,{children:"add"})}),jsxRuntimeExports.jsx(Fab,{color:"secondary","aria-label":"Add",className:"button",children:jsxRuntimeExports.jsx(Icon,{children:"add"})})]}),jsxRuntimeExports.jsx(Box,{py:"12px"}),jsxRuntimeExports.jsxs(SimpleCard,{title:"outlined buttons",children:[jsxRuntimeExports.jsx(Fab,{color:"primary","aria-label":"Add",className:"button",children:jsxRuntimeExports.jsx(Icon,{children:"add"})}),jsxRuntimeExports.jsx(Fab,{color:"secondary","aria-label":"Edit",className:"button",children:jsxRuntimeExports.jsx(Icon,{children:"edit_icon"})}),jsxRuntimeExports.jsxs(Fab,{variant:"extended","aria-label":"Delete",className:"button",children:[jsxRuntimeExports.jsx(Icon,{sx:{mr:4},children:"navigation"}),"Extended"]}),jsxRuntimeExports.jsx(Fab,{disabled:!0,"aria-label":"Delete",className:"button",children:jsxRuntimeExports.jsx(Icon,{children:"delete"})})]})]})}__name(AppButton,"AppButton");export{AppButton as default};