"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1041],{2614:function(e,r,t){var n=t(4004),i=t(4978),o=t(5527),l=t(1209),c=t(988),s=t(959);r.Z=()=>{let{fragmentId:e,setFragmentId:r}=(0,i.useContext)(s.Z),t=e=>{r(e.target.hash)};return(0,n.jsxs)(o.Z,{children:[(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#align-items",active:/#align-items$/.test(e),"data-testid":"SystemPropsNavigation_link-align_items",children:"alignItems"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#bgColor",active:/#bgColor$/.test(e),"data-testid":"SystemPropsNavigation_link-bgColor",children:"bgColor"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#bottom",active:/#bottom$/.test(e),"data-testid":"SystemPropsNavigation_link-bottom",children:"bottom"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#border",active:/#border$/.test(e),"data-testid":"SystemPropsNavigation_link-border",children:"border"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#border-top",active:/#border-top$/.test(e),"data-testid":"SystemPropsNavigation_link-border_top",children:"borderTop"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#border-right",active:/#border-right$/.test(e),"data-testid":"SystemPropsNavigation_link-border_right",children:"borderRight"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#border-bottom",active:/#border-bottom$/.test(e),"data-testid":"SystemPropsNavigation_link-border_bottom",children:"borderBottom"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#border-left",active:/#border-left$/.test(e),"data-testid":"SystemPropsNavigation_link-border_left",children:"borderLeft"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#border-x",active:/#border-x$/.test(e),"data-testid":"SystemPropsNavigation_link-border_x",children:"borderX"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#border-y",active:/#border-y$/.test(e),"data-testid":"SystemPropsNavigation_link-border_y",children:"borderY"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#border-radius",active:/#border-radius$/.test(e),"data-testid":"SystemPropsNavigation_link-border_radius",children:"borderRadius"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#color",active:/#color$/.test(e),"data-testid":"SystemPropsNavigation_link-color",children:"color"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#display",active:/#display$/.test(e),"data-testid":"SystemPropsNavigation_link-display",children:"display"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#elevation",active:/#elevation$/.test(e),"data-testid":"SystemPropsNavigation_link-elavation",children:"elevation"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#flex-wrap",active:/#flex-wrap$/.test(e),"data-testid":"SystemPropsNavigation_link-flex_wrap",children:"flexWrap"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#float",active:/#float$/.test(e),"data-testid":"SystemPropsNavigation_link-float",children:"float"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#fs",active:/#fs$/.test(e),"data-testid":"SystemPropsNavigation_link-fs",children:"fs"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#fw",active:/#fw$/.test(e),"data-testid":"SystemPropsNavigation_link-fw",children:"fw"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#gap",active:/#gap$/.test(e),"data-testid":"SystemPropsNavigation_link-gap",children:"gap"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#height",active:/#height$/.test(e),"data-testid":"SystemPropsNavigation_link-height",children:"height"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#justify-content",active:/#justify-content$/.test(e),"data-testid":"SystemPropsNavigation_link-justify_content",children:"justifyContent"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#left",active:/#left$/.test(e),"data-testid":"SystemPropsNavigation_link-left",children:"left"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#m",active:/#m$/.test(e),"data-testid":"SystemPropsNavigation_link-m",children:"m"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#mt",active:/#mt$/.test(e),"data-testid":"SystemPropsNavigation_link-mt",children:"mt"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#mr",active:/#mr$/.test(e),"data-testid":"SystemPropsNavigation_link-mr",children:"mr"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#mb",active:/#mb$/.test(e),"data-testid":"SystemPropsNavigation_link-mb",children:"mb"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#ml",active:/#ml$/.test(e),"data-testid":"SystemPropsNavigation_link-ml",children:"ml"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#mx",active:/#mx$/.test(e),"data-testid":"SystemPropsNavigation_link-mx",children:"mx"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#my",active:/#my$/.test(e),"data-testid":"SystemPropsNavigation_link-my",children:"my"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#p",active:/#p$/.test(e),"data-testid":"SystemPropsNavigation_link-p",children:"p"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#pt",active:/#pt$/.test(e),"data-testid":"SystemPropsNavigation_link-pt",children:"pt"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#pr",active:/#pr$/.test(e),"data-testid":"SystemPropsNavigation_link-pr",children:"pr"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#pb",active:/#pb$/.test(e),"data-testid":"SystemPropsNavigation_link-pb",children:"pb"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#pl",active:/#pl$/.test(e),"data-testid":"SystemPropsNavigation_link-pl",children:"pl"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#px",active:/#px$/.test(e),"data-testid":"SystemPropsNavigation_link-px",children:"px"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#py",active:/#py$/.test(e),"data-testid":"SystemPropsNavigation_link-py",children:"py"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#position",active:/#position$/.test(e),"data-testid":"SystemPropsNavigation_link-position",children:"position"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#right",active:/#right$/.test(e),"data-testid":"SystemPropsNavigation_link-right",children:"right"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#text-transform",active:/#text-transform$/.test(e),"data-testid":"SystemPropsNavigation_link-text_transform",children:"textTransform"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#text-align",active:/#text-align$/.test(e),"data-testid":"SystemPropsNavigation_link-text_align",children:"textAlign"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#top",active:/#top$/.test(e),"data-testid":"SystemPropsNavigation_link-top",children:"top"})}),(0,n.jsx)(l.Z,{onClick:t,children:(0,n.jsx)(c.Z,{variant:"transparent",href:"#width",active:/#width$/.test(e),"data-testid":"SystemPropsNavigation_link-width",children:"width"})})]})}},7354:function(e,r,t){var n=t(4004);t(4978);var i=t(2433),o=t(4300),l=t(9132),c=t(2161),s=t(8730),a=t(770),d=t(180),p=t(2190),h=t(4231);r.Z=()=>(0,n.jsxs)(i.Z,{id:"system-props",pb:"normal",children:[(0,n.jsx)(o.Z,{variant:"h2",children:"System Props"}),(0,n.jsx)(o.Z,{variant:"body1",children:"The component mentioned in this page is wrapped with a withModSystemProps HOC and therefore, the following props can be applied to this component. Note that some of these props may have no effect on this component."}),(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(a.Z,{children:"Name"}),(0,n.jsx)(a.Z,{children:"Type"}),(0,n.jsx)(a.Z,{children:"Default"}),(0,n.jsx)(a.Z,{children:"Description"})]})}),(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(s.Z,{id:"align-items",children:[(0,n.jsx)(p.Z,{children:"alignItems"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string "})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Controls the alignment of items."})]}),(0,n.jsxs)(s.Z,{id:"bgColor",children:[(0,n.jsx)(p.Z,{children:"bgColor"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{color:"success",children:'"primary" "secondary" "main" "success" "error" "light" "dark" "transparent"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies background color to the component based on the colors defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"bottom",children:[(0,n.jsx)(p.Z,{children:"bottom"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies bottom spacing to the component."})]}),(0,n.jsxs)(s.Z,{id:"border",children:[(0,n.jsx)(p.Z,{children:"border"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"primary" "success" "error" "light" "dark" "none"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies border to the component based on the borders defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"border-top",children:[(0,n.jsx)(p.Z,{children:"borderTop"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"primary" "success" "error" "light" "dark" "none"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies top border to the component based on the borders defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"border-right",children:[(0,n.jsx)(p.Z,{children:"borderRight"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"primary" "success" "error" "light" "dark" "none"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies right border to the component based on the borders defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"border-bottom",children:[(0,n.jsx)(p.Z,{children:"borderBottom"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"primary" "success" "error" "light" "dark" "none"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies bottom border to the component based on the borders defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"border-left",children:[(0,n.jsx)(p.Z,{children:"borderLeft"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"primary" "success" "error" "light" "dark" "none"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies left border to the component based on the borders defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"border-x",children:[(0,n.jsx)(p.Z,{children:"borderX"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"primary" "success" "error" "light" "dark" "none"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies left and right border to the component based on the borders defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"border-y",children:[(0,n.jsx)(p.Z,{children:"borderY"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"primary" "success" "error" "light" "dark" "none"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies top and bottom border to the component based on the borders defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"border-radius",children:[(0,n.jsx)(p.Z,{children:"borderRadius"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies border radius to the component."})]}),(0,n.jsxs)(s.Z,{id:"color",children:[(0,n.jsx)(p.Z,{children:"color"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"primary" "secondary" "main" "success" "error" "light" "dark" "white"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies color to the text inside this component based on the colors defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"display",children:[(0,n.jsx)(p.Z,{children:"display"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Controls how the component should be displayed."})]}),(0,n.jsxs)(s.Z,{id:"elevation",children:[(0,n.jsx)(p.Z,{children:"elevation"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:'"light" "normal" "heavy" "none"'})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies shadow to the component based on the elevation defined in the theme."})]}),(0,n.jsxs)(s.Z,{id:"flex-wrap",children:[(0,n.jsx)(p.Z,{children:"flexWrap"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Controls whether the flex items are forced onto one line or can wrap onto multiple lines."})]}),(0,n.jsxs)(s.Z,{id:"float",children:[(0,n.jsx)(p.Z,{children:"float"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Controls whether the items are placed to the right or left of its container."})]}),(0,n.jsxs)(s.Z,{id:"fs",children:[(0,n.jsx)(p.Z,{children:"fs"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies font-size in rem unit to the text inside of this component."})]}),(0,n.jsxs)(s.Z,{id:"fw",children:[(0,n.jsx)(p.Z,{children:"fw"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies font-weight to the text inside of this component."})]}),(0,n.jsxs)(s.Z,{id:"gap",children:[(0,n.jsx)(p.Z,{children:"gap"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies gaps/gutters between rows and columns."})]}),(0,n.jsxs)(s.Z,{id:"height",children:[(0,n.jsx)(p.Z,{children:"height"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies height to the component."})]}),(0,n.jsxs)(s.Z,{id:"justify-content",children:[(0,n.jsx)(p.Z,{children:"justifyContent"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies justify-content CSS property to the component."})]}),(0,n.jsxs)(s.Z,{id:"left",children:[(0,n.jsx)(p.Z,{children:"left"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies left spacing to the component."})]}),(0,n.jsxs)(s.Z,{id:"m",children:[(0,n.jsx)(p.Z,{children:"m"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies margin in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"mt",children:[(0,n.jsx)(p.Z,{children:"mt"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies top margin in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"mr",children:[(0,n.jsx)(p.Z,{children:"mr"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies right margin in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"mb",children:[(0,n.jsx)(p.Z,{children:"mb"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies bottom margin in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"ml",children:[(0,n.jsx)(p.Z,{children:"ml"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies left margin in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"mx",children:[(0,n.jsx)(p.Z,{children:"mx"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies right and left margin in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"my",children:[(0,n.jsx)(p.Z,{children:"my"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies top and bottom margin in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"p",children:[(0,n.jsx)(p.Z,{children:"p"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies padding in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"pt",children:[(0,n.jsx)(p.Z,{children:"pt"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies top padding in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"pr",children:[(0,n.jsx)(p.Z,{children:"pr"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies right padding in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"pb",children:[(0,n.jsx)(p.Z,{children:"pb"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies bottom padding in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"pl",children:[(0,n.jsx)(p.Z,{children:"pl"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies left padding in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"px",children:[(0,n.jsx)(p.Z,{children:"px"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies right and left padding in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"py",children:[(0,n.jsx)(p.Z,{children:"py"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies top and bottom padding in px to the component."})]}),(0,n.jsxs)(s.Z,{id:"position",children:[(0,n.jsx)(p.Z,{children:"position"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Controls the position of the component."})]}),(0,n.jsxs)(s.Z,{id:"right",children:[(0,n.jsx)(p.Z,{children:"right"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies right spacing to the component."})]}),(0,n.jsxs)(s.Z,{id:"text-transform",children:[(0,n.jsx)(p.Z,{children:"textTransform"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies text-transform CSS property to the text inside this component."})]}),(0,n.jsxs)(s.Z,{id:"text-align",children:[(0,n.jsx)(p.Z,{children:"textAlign"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies text-align CSS property to the text inside this component."})]}),(0,n.jsxs)(s.Z,{id:"top",children:[(0,n.jsx)(p.Z,{children:"top"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"number"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies top spacing to the component."})]}),(0,n.jsxs)(s.Z,{id:"width",children:[(0,n.jsx)(p.Z,{children:"width"}),(0,n.jsx)(p.Z,{children:(0,n.jsx)(h.Z,{children:"string"})}),(0,n.jsx)(p.Z,{children:"-"}),(0,n.jsx)(p.Z,{children:"Applies width to the component."})]})]})]})]})},1064:function(e,r){r.Z=["align-items","bgColor","bottom","border","border-top","border-right","border-bottom","border-left","border-x","border-y","border-radius","color","display","elevation","flex-wrap","float","fs","fw","gap","height","justify-content","left","m","mt","mr","mb","ml","mx","my","p","pt","pr","pb","pl","px","py","position","right","text-transform","text-align","top","width"]},959:function(e,r,t){let n=(0,t(4978).createContext)({fragmentId:null,setFragmentId:()=>{}});r.Z=n},176:function(e,r,t){var n=t(4004),i=t(4978),o=t(65),l=t(271),c=t(721),s=t(959);let a=(0,o.zo)(l.Z).withConfig({componentId:"sc-1a6f007-0"})(["@media (max-width:768px){display:none;}"]);r.Z=e=>{let{children:r,defaultFragmentId:t,sections:o}=e,[l,d]=(0,i.useState)(null),p=()=>{let e=window.scrollY+50,r=null;for(let t=o.length-1;t>=0;t--){let n=document.getElementById(o[t]);if(n){let{top:i}=n.getBoundingClientRect();if(i+window.scrollY<=e){r=o[t];break}}}r&&d("#".concat(r))};return(0,i.useEffect)(()=>(d(t),window.addEventListener("scroll",p),()=>{window.removeEventListener("scroll",p)}),[]),(0,n.jsx)(s.Z.Provider,{value:{fragmentId:l,setFragmentId:d},children:(0,n.jsx)(a,{children:(0,n.jsx)(c.Z,{fluid:!0,mt:"normal",mb:"wide",children:r})})})}},9524:function(e,r,t){var n=t(4978),i=t(65),o=t(925),l=t(4004);function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var s=["children"];function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function d(e){for(var r=1;r