{"version":3,"file":"SnippetToggle-BOs9R9zN.js","sources":["../../../app/javascript/components/SnippetToggle.jsx"],"sourcesContent":["import React from 'react'\nimport { useState } from 'react'\nimport { Nav, NavItem } from 'playbook-ui'\n\nconst SnippetToggle = () => {\n  const [codeSnippet, toggleCodeSnippet] = useState('rails')\n\n  const toggleHook = (snippetLang) => {\n    toggleCodeSnippet(snippetLang)\n    document.querySelectorAll('pre.highlight').forEach((node) => {\n      if (node.style.display === 'none') {\n        node.style.display = 'block'\n      } else {\n        node.style.display = 'none'\n      }\n    })\n  }\n\n  return (\n    <div style={{ cursor: 'pointer', maxWidth: '170px' }}>\n      <Nav\n          orientation=\"horizontal\"\n      >\n        <NavItem\n            active={codeSnippet === 'rails'}\n            onClick={() => toggleHook('rails')}\n            text=\"Rails\"\n        />\n        <NavItem\n            active={codeSnippet === 'react'}\n            onClick={() => toggleHook('react')}\n            text=\"React\"\n        />\n      </Nav>\n    </div>\n  )\n}\n\nexport default SnippetToggle\n"],"names":["SnippetToggle","codeSnippet","toggleCodeSnippet","useState","toggleHook","snippetLang","node","React","Nav","NavItem"],"mappings":"yKAIA,MAAMA,EAAgB,IAAM,CAC1B,KAAM,CAACC,EAAaC,CAAiB,EAAIC,WAAS,OAAO,EAEnDC,EAAcC,GAAgB,CAClCH,EAAkBG,CAAW,EAC7B,SAAS,iBAAiB,eAAe,EAAE,QAASC,GAAS,CACvDA,EAAK,MAAM,UAAY,OACzBA,EAAK,MAAM,QAAU,QAErBA,EAAK,MAAM,QAAU,MACvB,CACD,CAAA,EAID,OAAAC,EAAA,cAAC,OAAI,MAAO,CAAE,OAAQ,UAAW,SAAU,QACzC,EAAAA,EAAA,cAACC,EAAA,CACG,YAAY,YAAA,EAEdD,EAAA,cAACE,EAAA,CACG,OAAQR,IAAgB,QACxB,QAAS,IAAMG,EAAW,OAAO,EACjC,KAAK,OAAA,CACT,EACAG,EAAA,cAACE,EAAA,CACG,OAAQR,IAAgB,QACxB,QAAS,IAAMG,EAAW,OAAO,EACjC,KAAK,OAAA,CACT,CAAA,CAEJ,CAEJ"}