@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 2.42 kB
JavaScript
import e from"../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";import t from"../../../../@babel/runtime/helpers/esm/extends.js";import*as r from"react";import{clsx as o}from"../../../../clsx/dist/clsx.m.js";import i from"@mui/material/Typography";import{styled as s,useThemeProps as n,useTheme as l}from"@mui/material/styles";import{unstable_composeClasses as a}from"@mui/material";import c from"@mui/material/IconButton";import{ArrowLeft as m,ArrowRight as d}from"./icons/index.js";import{getPickersArrowSwitcherUtilityClass as u}from"./pickersArrowSwitcherClasses.js";import{jsxs as p,jsx as h}from"react/jsx-runtime";const f=["children","className","components","componentsProps","isLeftDisabled","isLeftHidden","isRightDisabled","isRightHidden","leftArrowButtonText","onLeftClick","onRightClick","rightArrowButtonText"],w=s("div",{name:"MuiPickersArrowSwitcher",slot:"Root",overridesResolver:(e,t)=>t.root})({display:"flex"}),b=s("div",{name:"MuiPickersArrowSwitcher",slot:"Spacer",overridesResolver:(e,t)=>t.spacer})((({theme:e})=>({width:e.spacing(3)}))),v=s(c,{name:"MuiPickersArrowSwitcher",slot:"Button",overridesResolver:(e,t)=>t.button})((({ownerState:e})=>t({},e.hidden&&{visibility:"hidden"}))),g=r.forwardRef((function(r,s){const c=n({props:r,name:"MuiPickersArrowSwitcher"}),{children:g,className:A,components:R,componentsProps:k,isLeftDisabled:x,isLeftHidden:S,isRightDisabled:B,isRightHidden:L,leftArrowButtonText:N,onLeftClick:j,onRightClick:C,rightArrowButtonText:P}=c,y=e(c,f),T="rtl"===l().direction,D=(null==k?void 0:k.leftArrowButton)||{},H=(null==R?void 0:R.LeftArrowIcon)||m,M=(null==k?void 0:k.rightArrowButton)||{},I=(null==R?void 0:R.RightArrowIcon)||d,z=c,W=(e=>{const{classes:t}=e;return a({root:["root"],spacer:["spacer"],button:["button"]},u,t)})(z);return p(w,t({ref:s,className:o(W.root,A),ownerState:z},y,{children:[h(v,t({as:null==R?void 0:R.LeftArrowButton,size:"small","aria-label":N,title:N,disabled:x,edge:"end",onClick:j},D,{className:o(W.button,D.className),ownerState:t({},z,D,{hidden:S}),children:h(T?I:H,{})})),g?h(i,{variant:"subtitle1",component:"span",children:g}):h(b,{className:W.spacer,ownerState:z}),h(v,t({as:null==R?void 0:R.RightArrowButton,size:"small","aria-label":P,title:P,edge:"start",disabled:B,onClick:C},M,{className:o(W.button,M.className),ownerState:t({},z,M,{hidden:L}),children:h(T?H:I,{})}))]}))}));export{g as PickersArrowSwitcher};