????
Your IP : 3.144.235.50
import{a4 as i,j as e,aH as p,aI as x,x as d,aK as m,E as g,V as R,ai as C,aj as s}from"./index-9bcd78a9.js";import{R as j,a as o}from"./RadioGroup-75efda1a.js";import{F as l}from"./FormControlLabel-a1a576f7.js";import{r as b,i as f}from"./createSvgIcon-842e6ef8.js";import{S}from"./Stack-6f785cc2.js";import"./SwitchBase-f2562236.js";import"./FormGroup-c4ebc22e.js";import"./unsupportedProp-e368368f.js";function k(){const[a,n]=i.useState("female");function t(r){n(r.target.value)}return e.jsxs(p,{component:"fieldset",children:[e.jsx(x,{component:"legend",children:"labelPlacement"}),e.jsxs(j,{"aria-label":"position",name:"position",value:a,onChange:t,row:!0,children:[e.jsx(l,{value:"top",label:"Top",labelPlacement:"top",control:e.jsx(o,{color:"primary"})}),e.jsx(l,{value:"start",label:"Start",labelPlacement:"start",control:e.jsx(o,{color:"primary"})}),e.jsx(l,{value:"bottom",label:"Bottom",labelPlacement:"bottom",control:e.jsx(o,{color:"primary"})}),e.jsx(l,{value:"end",label:"End",labelPlacement:"end",control:e.jsx(o,{color:"primary"})})]})]})}const P=d("div")(({theme:a})=>({display:"flex","& .formControl":{marginRight:a.spacing(3),marginLeft:a.spacing(3)},"& .group":{margin:a.spacing(1,0)}}));function _(){const[a,n]=i.useState("female");function t(r){n(r.target.value)}return e.jsx(P,{children:e.jsxs(p,{component:"fieldset",className:"formControl",children:[e.jsx(x,{component:"legend",children:"Gender"}),e.jsxs(j,{value:a,name:"gender1",className:"group","aria-label":"Gender",onChange:t,children:[e.jsx(l,{value:"female",control:e.jsx(o,{}),label:"Female"}),e.jsx(l,{value:"male",control:e.jsx(o,{}),label:"Male"}),e.jsx(l,{value:"other",control:e.jsx(o,{}),label:"Other"}),e.jsx(l,{value:"disabled",disabled:!0,control:e.jsx(o,{}),label:"(Disabled option)"})]})]})})}var c={},B=f;Object.defineProperty(c,"__esModule",{value:!0});var h=c.default=void 0,y=B(b()),z=e,$=(0,y.default)((0,z.jsx)("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonChecked");h=c.default=$;var u={},M=f;Object.defineProperty(u,"__esModule",{value:!0});var v=u.default=void 0,D=M(b()),E=e,F=(0,D.default)((0,E.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"RadioButtonUnchecked");v=u.default=F;const I=d(o)(()=>({color:m[400],"&$checked":{color:m[600]}}));function L(){const[a,n]=i.useState("a");function t(r){n(r.target.value)}return e.jsxs(g,{children:[e.jsx(o,{value:"a",onChange:t,name:"radio-button-demo",checked:a==="a",inputProps:{"aria-label":"A"}}),e.jsx(o,{value:"b",onChange:t,name:"radio-button-demo",checked:a==="b",inputProps:{"aria-label":"B"}}),e.jsx(I,{value:"c",color:"default",onChange:t,name:"radio-button-demo",checked:a==="c",inputProps:{"aria-label":"C"}}),e.jsx(o,{value:"d",color:"default",onChange:t,name:"radio-button-demo",checked:a==="d",inputProps:{"aria-label":"D"}}),e.jsx(o,{value:"e",color:"default",onChange:t,name:"radio-button-demo",checked:a==="e",inputProps:{"aria-label":"E"},icon:e.jsx(v,{fontSize:"small"}),checkedIcon:e.jsx(h,{fontSize:"small"})})]})}const V=d("div")(({theme:a})=>({margin:"30px",[a.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[a.breakpoints.down("sm")]:{marginBottom:"16px"}}})),K=()=>e.jsxs(V,{children:[e.jsx(R,{className:"breadcrumb",children:e.jsx(C,{routeSegments:[{name:"Material",path:"/material"},{name:"Radio"}]})}),e.jsxs(S,{spacing:3,children:[e.jsx(s,{title:"Simple Radio Button",children:e.jsx(_,{})}),e.jsx(s,{title:"Standalone Radio Button",children:e.jsx(L,{})}),e.jsx(s,{title:"Label Placement",children:e.jsx(k,{})})]})]});export{K as default};