{"version":3,"file":"globalProps-CJpgnLee.js","sources":["../../../app/javascript/components/AvailableProps/globalProps.tsx"],"sourcesContent":["import React from 'react'\nimport { Body, Card, Table, Title } from 'playbook-ui'\nimport globalPropsValues from './globalPropsValues'\n\nconst GlobalProps = ({ darkMode }) => {\n  return (\n    <>\n      <Card.Body\n          dark={darkMode}\n          padding=\"none\"\n      >\n        <Table\n            container={false}\n            dark={darkMode}\n            disableHover\n            size=\"md\"\n        >\n          <thead>\n            <tr>\n              <th>{'Props'}</th>\n              <th>{'Type'}</th>\n              <th>{'Values'}</th>\n            </tr>\n          </thead>\n          <tbody>\n            {globalPropsValues.map((prop) => (\n              <>\n                <tr>\n                  <td>\n                    <Title\n                        dark={darkMode}\n                        size={4}\n                        tag=\"h4\"\n                        text={prop.prop}\n                    />\n                  </td>\n                  <td>\n                    <Card\n                        background={darkMode ? 'dark' : 'light'}\n                        borderNone\n                        borderRadius=\"sm\"\n                        display=\"inline_block\"\n                        padding=\"xxs\"\n                    >\n                      <Body\n                          className=\"kearning\"\n                          dark={darkMode}\n                      >\n                        {prop.type}\n                      </Body>\n                    </Card>\n                  </td>\n                  <td>\n                    <Card\n                        background={darkMode ? 'dark' : 'light'}\n                        borderNone\n                        borderRadius=\"sm\"\n                        display=\"inline_block\"\n                        flexDirection=\"row\"\n                        margin=\"xxs\"\n                        padding=\"xxs\"\n                    >\n                      <Body\n                          className=\"kearning\"\n                          dark={darkMode}\n                      >\n                        {prop.values}\n                      </Body>\n                    </Card>\n                  </td>\n                </tr>\n              </>\n            ))}\n          </tbody>\n        </Table>\n      </Card.Body>\n    </>\n  )\n}\n\nexport default GlobalProps\n"],"names":["GlobalProps","darkMode","jsx","Fragment","Card","jsxs","Table","globalPropsValues","prop","Title","Body"],"mappings":"oOAIA,MAAMA,EAAc,CAAC,CAAE,SAAAC,KAGjBC,MAAAC,EAAAA,SAAA,CAAA,SAAAD,EAAA,IAACE,EAAK,KAAL,CACG,KAAMH,EACN,QAAQ,OAEV,SAAAI,EAAA,KAACC,EAAA,CACG,UAAW,GACX,KAAML,EACN,aAAY,GACZ,KAAK,KAEP,SAAA,CAACC,EAAA,IAAA,QAAA,CACC,gBAAC,KACC,CAAA,SAAA,CAAAA,EAAAA,IAAC,MAAI,SAAQ,OAAA,CAAA,EACbA,EAAAA,IAAC,MAAI,SAAO,MAAA,CAAA,EACZA,EAAAA,IAAC,MAAI,SAAS,QAAA,CAAA,CAAA,CAAA,CAChB,CACF,CAAA,EACAA,EAAAA,IAAC,SACE,SAAkBK,EAAA,IAAKC,GACtBN,EAAAA,IAAAC,EAAAA,SAAA,CACE,gBAAC,KACC,CAAA,SAAA,CAAAD,MAAC,KACC,CAAA,SAAAA,EAAA,IAACO,EAAA,CACG,KAAMR,EACN,KAAM,EACN,IAAI,KACJ,KAAMO,EAAK,IAAA,CAAA,EAEjB,QACC,KACC,CAAA,SAAAN,EAAA,IAACE,EAAA,CACG,WAAYH,EAAW,OAAS,QAChC,WAAU,GACV,aAAa,KACb,QAAQ,eACR,QAAQ,MAEV,SAAAC,EAAA,IAACQ,EAAA,CACG,UAAU,WACV,KAAMT,EAEP,SAAKO,EAAA,IAAA,CACR,CAAA,CAAA,EAEJ,QACC,KACC,CAAA,SAAAN,EAAA,IAACE,EAAA,CACG,WAAYH,EAAW,OAAS,QAChC,WAAU,GACV,aAAa,KACb,QAAQ,eACR,cAAc,MACd,OAAO,MACP,QAAQ,MAEV,SAAAC,EAAA,IAACQ,EAAA,CACG,UAAU,WACV,KAAMT,EAEP,SAAKO,EAAA,MAAA,CACR,CAAA,CAAA,EAEJ,CAAA,EACF,CAAA,CACF,CACD,EACH,CAAA,CAAA,CACF,CAAA,CAEJ,CAAA,CAAA"}