import{g as k,b as B,s as _,r as $,c as p,f as N,_ as I,j as n,h as m,i as V}from"./styled-6f3628cf.js";import{_ as e}from"./emotion-use-insertion-effect-with-fallbacks.browser.esm-e1338cfd.js";import{r as M}from"./index-8ee6c85d.js";import{B as W}from"./ButtonBase-01f8628f.js";import{B as P}from"./Box-320a3238.js";import"./_commonjsHelpers-de833af9.js";import"./useTimeout-82a9add1.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./TransitionGroupContext-70083013.js";import"./useEnhancedEffect-07c97f1c.js";import"./useForkRef-8c462693.js";import"./useIsFocusVisible-dd3ba909.js";function T(o){return B("MuiFab",o)}const U=k("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"]),f=U,j=["children","className","color","component","disabled","disableFocusRipple","focusVisibleClassName","size","variant"],A=o=>{const{color:r,variant:a,classes:s,size:i}=o,l={root:["root",a,`size${p(i)}`,r==="inherit"?"colorInherit":r]},d=V(l,T,s);return e({},s,d)},E=_(W,{name:"MuiFab",slot:"Root",shouldForwardProp:o=>$(o)||o==="classes",overridesResolver:(o,r)=>{const{ownerState:a}=o;return[r.root,r[a.variant],r[`size${p(a.size)}`],a.color==="inherit"&&r.colorInherit,r[p(a.size)],r[a.color]]}})(({theme:o,ownerState:r})=>{var a,s;return e({},o.typography.button,{minHeight:36,transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),borderRadius:"50%",padding:0,minWidth:0,width:56,height:56,zIndex:(o.vars||o).zIndex.fab,boxShadow:(o.vars||o).shadows[6],"&:active":{boxShadow:(o.vars||o).shadows[12]},color:o.vars?o.vars.palette.text.primary:(a=(s=o.palette).getContrastText)==null?void 0:a.call(s,o.palette.grey[300]),backgroundColor:(o.vars||o).palette.grey[300],"&:hover":{backgroundColor:(o.vars||o).palette.grey.A100,"@media (hover: none)":{backgroundColor:(o.vars||o).palette.grey[300]},textDecoration:"none"},[`&.${f.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]}},r.size==="small"&&{width:40,height:40},r.size==="medium"&&{width:48,height:48},r.variant==="extended"&&{borderRadius:48/2,padding:"0 16px",width:"auto",minHeight:"auto",minWidth:48,height:48},r.variant==="extended"&&r.size==="small"&&{width:"auto",padding:"0 8px",borderRadius:34/2,minWidth:34,height:34},r.variant==="extended"&&r.size==="medium"&&{width:"auto",padding:"0 16px",borderRadius:40/2,minWidth:40,height:40},r.color==="inherit"&&{color:"inherit"})},({theme:o,ownerState:r})=>e({},r.color!=="inherit"&&r.color!=="default"&&(o.vars||o).palette[r.color]!=null&&{color:(o.vars||o).palette[r.color].contrastText,backgroundColor:(o.vars||o).palette[r.color].main,"&:hover":{backgroundColor:(o.vars||o).palette[r.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[r.color].main}}}),({theme:o})=>({[`&.${f.disabled}`]:{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground}})),H=M.forwardRef(function(r,a){const s=N({props:r,name:"MuiFab"}),{children:i,className:l,color:d="default",component:u="button",disabled:b=!1,disableFocusRipple:g=!1,focusVisibleClassName:F,size:y="large",variant:w="circular"}=s,R=I(s,j),v=e({},s,{color:d,component:u,disabled:b,disableFocusRipple:g,size:y,variant:w}),c=A(v);return n(E,e({className:m(c.root,l),component:u,disabled:b,focusRipple:!g,focusVisibleClassName:m(c.focusVisible,F),ownerState:v,ref:a},R,{classes:c,children:i}))}),C=H,L=o=>n(P,{children:n(o,{})}),ao={title:"Inputs/FloatingActionButton",component:C,parameters:{layout:"centered",controls:{exclude:["options","renderInput"]}},decorators:[o=>L(o)],argTypes:{variant:{control:"select",options:["extended","circular"]},disabled:{control:"boolean"},color:{control:"select",options:["inherit","primary","secondary","success","error","info","warning"]},size:{control:"select",options:["small","medium","large"]}}},t={render:({variant:o,disabled:r,color:a,size:s,...i})=>n(C,{variant:o,disabled:r,size:s,color:a,...i,children:"Navigate"}),args:{variant:"extended",disabled:!1,color:"primary",size:"medium"}};var x,h,z;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{
  render: ({
    variant,
    disabled,
    color,
    size,
    ...props
  }) => {
    return <Fab variant={variant} disabled={disabled} size={size} color={color} {...props}>
        Navigate
      </Fab>;
  },
  args: {
    variant: "extended",
    disabled: false,
    color: "primary",
    size: "medium"
  }
}`,...(z=(h=t.parameters)==null?void 0:h.docs)==null?void 0:z.source}}};const so=["Basic"];export{t as Basic,so as __namedExportsOrder,ao as default};
