{"version":3,"file":"LayoutRight-D1A0SVC2.js","sources":["../../../app/javascript/components/Website/src/layouts/LayoutRight.tsx"],"sourcesContent":["import React from \"react\"\nimport { Outlet } from \"react-router-dom\"\nimport DarkModeToggle from \"../components/DarkModeToggle.js\"\n\nimport { Background, Button, FlexItem, Flex } from \"playbook-ui\"\n\nexport default function LayoutRight({ dark }: { dark: string }) {\n  return (\n    <Background\n        backgroundColor={dark ? \"dark\" : \"white\"}\n        className=\"pb--page--content--main\"\n    >\n      <Flex\n          display={{ xs: \"none\", sm: \"none\", md: \"none\", default: \"none\", lg: \"flex\" }}\n          spacing='between'\n          vertical='center'\n      >\n        <Button\n            icon='circle-left'\n            link='/kits'\n            marginBottom='none'\n            marginLeft='md'\n            marginY='xs'\n            paddingBottom='none'\n            paddingLeft='none'\n            tag='h1'\n            text='Back to Legacy View'\n            variant='link'\n        />\n        <FlexItem\n            className='pb--page--dark-mode-toggle-desktop'\n            marginRight='md'\n        >\n          <DarkModeToggle initMode={dark} />\n        </FlexItem>\n      </Flex>\n      <Outlet />\n    </Background>\n  )\n}\n"],"names":["LayoutRight","dark","jsxs","Background","Flex","jsx","Button","FlexItem","DarkModeToggle","Outlet"],"mappings":"yQAMwB,SAAAA,EAAY,CAAE,KAAAC,GAA0B,CAE5D,OAAAC,EAAA,KAACC,EAAA,CACG,gBAAiBF,EAAO,OAAS,QACjC,UAAU,0BAEZ,SAAA,CAAAC,EAAA,KAACE,EAAA,CACG,QAAS,CAAE,GAAI,OAAQ,GAAI,OAAQ,GAAI,OAAQ,QAAS,OAAQ,GAAI,MAAO,EAC3E,QAAQ,UACR,SAAS,SAEX,SAAA,CAAAC,EAAA,IAACC,EAAA,CACG,KAAK,cACL,KAAK,QACL,aAAa,OACb,WAAW,KACX,QAAQ,KACR,cAAc,OACd,YAAY,OACZ,IAAI,KACJ,KAAK,sBACL,QAAQ,MAAA,CACZ,EACAD,EAAA,IAACE,EAAA,CACG,UAAU,qCACV,YAAY,KAEd,SAAAF,EAAAA,IAACG,EAAe,CAAA,SAAUP,CAAM,CAAA,CAAA,CAClC,CAAA,CAAA,CACF,QACCQ,EAAO,EAAA,CAAA,CAAA,CAAA,CAGd"}