https://muhimasri.com/component---src-pages-code-examples-mui-typo…i-typography-sx-tsx-4a9ff9db7debbcb6ea3d.js

1"use strict";(self.webpackChunkgatsby_starter_blog=self.webpackChunkgatsby_starter_blog||[]).push([[6194],{2658:function(t,n,e){e.d(n,{Z:function(){return y}});var r=e(3366),o=e(7462),a=e(7294),i=e(6010),s=e(9707),c=e(4780),u=e(948),p=e(1657),l=e(8216),h=e(4867);function f(t){return(0,h.Z)("MuiTypography",t)}(0,e(1588).Z)("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);var m=e(5893);const d=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],g=(0,u.ZP)("span",{name:"MuiTypography",slot:"Root",overridesResolver:(t,n)=>{const{ownerState:e}=t;return[n.root,e.variant&&n[e.variant],"inherit"!==e.align&&n[`align${(0,l.Z)(e.align)}`],e.noWrap&&n.noWrap,e.gutterBottom&&n.gutterBottom,e.paragraph&&n.paragraph]}})((({theme:t,ownerState:n})=>(0,o.Z)({margin:0},n.variant&&t.typography[n.variant],"inherit"!==n.align&&{textAlign:n.align},n.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},n.gutterBottom&&{marginBottom:"0.35em"},n.paragraph&&{marginBottom:16}))),Z={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},v={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"};var y=a.forwardRef((function(t,n){const e=(0,p.Z)({props:t,name:"MuiTypography"}),a=(t=>v[t]||t)(e.color),u=(0,s.Z)((0,o.Z)({},e,{color:a})),{align:h="inherit",className:y,component:b,gutterBottom:x=!1,noWrap:w=!1,paragraph:P=!1,variant:k="body1",variantMapping:S=Z}=u,M=(0,r.Z)(u,d),B=(0,o.Z)({},u,{align:h,color:a,className:y,component:b,gutterBottom:x,noWrap:w,paragraph:P,variant:k,variantMapping:S}),O=b||(P?"p":S[k]||Z[k])||"span",R=(t=>{const{align:n,gutterBottom:e,noWrap:r,paragraph:o,variant:a,classes:i}=t,s={root:["root",a,"inherit"!==t.align&&`align${(0,l.Z)(n)}`,e&&"gutterBottom",r&&"noWrap",o&&"paragraph"]};return(0,c.Z)(s,f,i)})(B);return(0,m.jsx)(g,(0,o.Z)({as:O,ref:n,ownerState:B,className:(0,i.Z)(R.root,y)},M))}))},247:function(t,n,e){const r=(0,e(2049).Z)();n.Z=r},948:function(t,n,e){e.d(n,{Dz:function(){return i},FO:function(){return a}});var r=e(2807),o=e(247);const a=t=>(0,r.x9)(t)&&"classes"!==t,i=r.x9,s=(0,r.ZP)({defaultTheme:o.Z,rootShouldForwardProp:a});n.ZP=s},1657:function(t,n,e){e.d(n,{Z:function(){return a}});var r=e(9628),o=e(247);function a({props:t,name:n}){return(0,r.Z)({props:t,name:n,defaultTheme:o.Z})}},8216:function(t,n,e){var r=e(8320);n.Z=r.Z},2807:function(t,n,e){e.d(n,{ZP:function(){return x},x9:function(){return y}});var r=e(7462),o=e(3366),a=e(9868),i=e(6268),s=e(8320);const c=["variant"];function u(t){return 0===t.length}function p(t){const{variant:n}=t,e=(0,o.Z)(t,c);let r=n||"";return Object.keys(e).sort().forEach((n=>{r+="color"===n?u(r)?t[n]:(0,s.Z)(t[n]):`${u(r)?n:(0,s.Z)(n)}${(0,s.Z)(t[n].toString())}`})),r}var l=e(6523);const h=["name","slot","skipVariantsResolver","skipSx","overridesResolver"],f=["theme"],m=["theme"];function d(t){return 0===Object.keys(t).length}const g=(t,n)=>n.components&&n.components[t]&&n.components[t].styleOverrides?n.components[t].styleOverrides:null,Z=(t,n)=>{let e=[];n&&n.components&&n.components[t]&&n.components[t].variants&&(e=n.components[t].variants);const r={};return e.forEach((t=>{const n=p(t.props);r[n]=t.style})),r},v=(t,n,e,r)=>{var o,a;const{ownerState:i={}}=t,s=[],c=null==e||null==(o=e.components)||null==(a=o[r])?void 0:a.variants;return c&&c.forEach((e=>{let r=!0;Object.keys(e.props).forEach((n=>{i[n]!==e.props[n]&&t[n]!==e.props[n]&&(r=!1)})),r&&s.push(n[p(e.props)])})),s};function y(t){return"ownerState"!==t&&"theme"!==t&&"sx"!==t&&"as"!==t}const b=(0,i.Z)();function x(t={}){const{defaultTheme:n=b,rootShouldForwardProp:e=y,slotShouldForwardProp:i=y,styleFunctionSx:s=l.Z}=t;return(t,c={})=>{const{name:u,slot:p,skipVariantsResolver:l,skipSx:b,overridesResolver:x}=c,w=(0,o.Z)(c,h),P=void 0!==l?l:p&&"Root"!==p||!1,k=b||!1;let S=y;"Root"===p?S=e:p&&(S=i);const M=(0,a.ZP)(t,(0,r.Z)({shouldForwardProp:S,label:undefined},w)),B=(t,...e)=>{const a=e?e.map((t=>"function"==typeof t&&t.__emotion_real!==t?e=>{let{theme:a}=e,i=(0,o.Z)(e,f);return t((0,r.Z)({theme:d(a)?n:a},i))}:t)):[];let i=t;u&&x&&a.push((t=>{const e=d(t.theme)?n:t.theme,o=g(u,e);if(o){const n={};

1return Object.entries(o).forEach((([o,a])=>{n[o]="function"==typeof a?a((0,r.Z)({},t,{theme:e})):a})),x(t,n)}return null})),u&&!P&&a.push((t=>{const e=d(t.theme)?n:t.theme;return v(t,Z(u,e),e,u)})),k||a.push((t=>{const e=d(t.theme)?n:t.theme;return s((0,r.Z)({},t,{theme:e}))}));const c=a.length-e.length;if(Array.isArray(t)&&c>0){const n=new Array(c).fill("");i=[...t,...n],i.raw=[...t.raw,...n]}else"function"==typeof t&&t.__emotion_real!==t&&(i=e=>{let{theme:a}=e,i=(0,o.Z)(e,m);return t((0,r.Z)({theme:d(a)?n:a},i))});return M(i,...a)};return M.withConfig&&(B.withConfig=M.withConfig),B}}},9707:function(t,n,e){e.d(n,{Z:function(){return u}});var r=e(7462),o=e(3366),a=e(9766),i=e(4178);const s=["sx"],c=t=>{const n={systemProps:{},otherProps:{}};return Object.keys(t).forEach((e=>{i.Gc[e]?n.systemProps[e]=t[e]:n.otherProps[e]=t[e]})),n};function u(t){const{sx:n}=t,e=(0,o.Z)(t,s),{systemProps:i,otherProps:u}=c(e);let p;return p=Array.isArray(n)?[i,...n]:"function"==typeof n?(...t)=>{const e=n(...t);return(0,a.P)(e)?(0,r.Z)({},i,e):i}:(0,r.Z)({},i,n),(0,r.Z)({},u,{sx:p})}},539:function(t,n,e){e.d(n,{Z:function(){return o}});var r=e(7925);function o(t){const{theme:n,name:e,props:o}=t;return n&&n.components&&n.components[e]&&n.components[e].defaultProps?(0,r.Z)(n.components[e].defaultProps,o):o}},9628:function(t,n,e){e.d(n,{Z:function(){return a}});var r=e(539),o=e(6682);function a({props:t,name:n,defaultTheme:e}){const a=(0,o.Z)(e);return(0,r.Z)({theme:a,name:n,props:t})}},4780:function(t,n,e){function r(t,n,e){const r={};return Object.keys(t).forEach((o=>{r[o]=t[o].reduce(((t,r)=>(r&&(e&&e[r]&&t.push(e[r]),t.push(n(r))),t)),[]).join(" ")})),r}e.d(n,{Z:function(){return r}})},4867:function(t,n,e){e.d(n,{Z:function(){return a}});var r=e(7078);const o={active:"Mui-active",checked:"Mui-checked",completed:"Mui-completed",disabled:"Mui-disabled",error:"Mui-error",expanded:"Mui-expanded",focused:"Mui-focused",focusVisible:"Mui-focusVisible",required:"Mui-required",selected:"Mui-selected"};function a(t,n){return o[n]||`${r.Z.generate(t)}-${n}`}},1588:function(t,n,e){e.d(n,{Z:function(){return o}});var r=e(4867);function o(t,n){const e={};return n.forEach((n=>{e[n]=(0,r.Z)(t,n)})),e}},7925:function(t,n,e){e.d(n,{Z:function(){return o}});var r=e(7462);function o(t,n){const e=(0,r.Z)({},n);return Object.keys(t).forEach((n=>{void 0===e[n]&&(e[n]=t[n])})),e}},5236:function(t,n,e){e.r(n),e.d(n,{default:function(){return a}});var r=e(7294),o=e(2658);function a(){return r.createElement(o.Z,{sx:{color:"#cccccc",fontSize:"20px",fontWeight:700,fontFamily:"Roboto",textAlign:"center",letterSpacing:"2px",lineHeight:"2rem",textTransform:"uppercase",textShadow:"1px 1px 2px black, 0 0 1em blue, 0 0 0.2em",width:"fit-content",backgroundColor:"#ccc",padding:"5px"}},"Text Custom Styling")}}}]);
2//# sourceMappingURL=component---src-pages-code-examples-mui-typography-mui-typography-sx-tsx-4a9ff9db7debbcb6ea3d.js.map