@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 1.1 kB
JavaScript
import e from"../../../../@babel/runtime/helpers/esm/extends.js";import r from"../../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";import*as t from"react";import{clsx as o}from"../../../../clsx/dist/clsx.m.js";import s from"@mui/material/Typography";import{styled as m}from"@mui/material/styles";import{unstable_composeClasses as a}from"@mui/material";import{pickersToolbarTextClasses as l,getPickersToolbarTextUtilityClass as i}from"./pickersToolbarTextClasses.js";import{jsx as c}from"react/jsx-runtime";const n=["className","selected","value"],p=m(s,{name:"PrivatePickersToolbarText",slot:"Root",overridesResolver:(e,r)=>[r.root,{[`&.${l.selected}`]:r.selected}]})((({theme:e})=>({transition:e.transitions.create("color"),color:e.palette.text.secondary,[`&.${l.selected}`]:{color:e.palette.text.primary}}))),f=t.forwardRef((function(t,s){const{className:m,value:l}=t,f=r(t,n),d=(e=>{const{classes:r,selected:t}=e;return a({root:["root",t&&"selected"]},i,r)})(t);return c(p,e({ref:s,className:o(m,d.root),component:"span"},f,{children:l}))}));export{f as PickersToolbarText};