{"version":3,"file":"StockTabsIndice-Ca8mG-WY.js","sources":["../../../app/javascript/entrypoints/pages/StockPage/StockTabsIndice.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Tab } from '@headlessui/react';\n\nimport type { Stock } from '../../output/models';\n\nimport { MemoTab, StockPriceTab } from './Tabs';\n\nimport { tabClassName } from '../../utils';\n\ninterface Props {\n  code: string;\n  stock: Stock | undefined;\n}\n\nexport const StockTabsIndice: React.FC<Props> = ({ code, stock }) => {\n  const [selectedIndex, setSelectedIndex] = useState<number>(0);\n\n  return (\n    <Tab.Group selectedIndex={selectedIndex} onChange={setSelectedIndex}>\n      <Tab.List className=\"border-b border-gray\">\n        <Tab className={({ selected }) => tabClassName(selected)}>予想PER</Tab>\n        <Tab className={({ selected }) => tabClassName(selected)}>PBR</Tab>\n        <Tab className={({ selected }) => tabClassName(selected)}>営業利益倍率</Tab>\n        <Tab className={({ selected }) => tabClassName(selected)}>FCF倍率</Tab>\n        <Tab className={({ selected }) => tabClassName(selected)}>個人メモ</Tab>\n      </Tab.List>\n      <Tab.Panels className=\"mt-5\">\n        <Tab.Panel className=\"min-h-[924px]\" unmount={false}>\n          {({ selected }) => <StockPriceTab code={code} indice={'per'} selected={selected} />}\n        </Tab.Panel>\n        <Tab.Panel className=\"min-h-[924px]\" unmount={false}>\n          {({ selected }) => <StockPriceTab code={code} indice={'pbr'} selected={selected} />}\n        </Tab.Panel>\n        <Tab.Panel className=\"min-h-[924px]\" unmount={false}>\n          {({ selected }) => (\n            <StockPriceTab code={code} indice={'operating-income-ratio'} selected={selected} />\n          )}\n        </Tab.Panel>\n        <Tab.Panel className=\"min-h-[924px]\" unmount={false}>\n          {({ selected }) => <StockPriceTab code={code} indice={'fcf-ratio'} selected={selected} />}\n        </Tab.Panel>\n        <Tab.Panel unmount={false}>\n          {({ selected }) => <MemoTab code={code} selected={selected} stockId={stock!.id} />}\n        </Tab.Panel>\n      </Tab.Panels>\n    </Tab.Group>\n  );\n};\n"],"names":["StockTabsIndice","code","stock","selectedIndex","setSelectedIndex","useState","Tab","jsxs","jsx","selected","tabClassName","StockPriceTab","MemoTab"],"mappings":"sxEAeO,MAAMA,GAAmC,CAAC,CAAE,KAAAC,EAAM,MAAAC,KAAY,CACnE,KAAM,CAACC,EAAeC,CAAgB,EAAIC,WAAiB,CAAC,EAE5D,cACGC,EAAI,MAAJ,CAAU,cAAAH,EAA8B,SAAUC,EACjD,SAAA,CAAAG,EAAA,KAACD,EAAI,KAAJ,CAAS,UAAU,uBAClB,SAAA,CAACE,EAAAA,IAAAF,EAAA,CAAI,UAAW,CAAC,CAAE,SAAAG,KAAeC,EAAaD,CAAQ,EAAG,SAAK,OAAA,CAAA,EAC/DD,EAAAA,IAACF,EAAI,CAAA,UAAW,CAAC,CAAE,SAAAG,KAAeC,EAAaD,CAAQ,EAAG,SAAG,KAAA,CAAA,EAC7DD,EAAAA,IAACF,EAAI,CAAA,UAAW,CAAC,CAAE,SAAAG,KAAeC,EAAaD,CAAQ,EAAG,SAAM,QAAA,CAAA,EAChED,EAAAA,IAACF,EAAI,CAAA,UAAW,CAAC,CAAE,SAAAG,KAAeC,EAAaD,CAAQ,EAAG,SAAK,OAAA,CAAA,EAC/DD,EAAAA,IAACF,EAAI,CAAA,UAAW,CAAC,CAAE,SAAAG,KAAeC,EAAaD,CAAQ,EAAG,SAAI,MAAA,CAAA,CAAA,EAChE,EACCF,EAAA,KAAAD,EAAI,OAAJ,CAAW,UAAU,OACpB,SAAA,CAAAE,MAACF,EAAI,MAAJ,CAAU,UAAU,gBAAgB,QAAS,GAC3C,SAAA,CAAC,CAAE,SAAAG,KAAgBD,EAAAA,IAAAG,EAAA,CAAc,KAAAV,EAAY,OAAQ,MAAO,SAAAQ,CAAoB,CAAA,EACnF,QACCH,EAAI,MAAJ,CAAU,UAAU,gBAAgB,QAAS,GAC3C,SAAA,CAAC,CAAE,SAAAG,KAAgBD,EAAAA,IAAAG,EAAA,CAAc,KAAAV,EAAY,OAAQ,MAAO,SAAAQ,CAAoB,CAAA,EACnF,QACCH,EAAI,MAAJ,CAAU,UAAU,gBAAgB,QAAS,GAC3C,SAAA,CAAC,CAAE,SAAAG,KACDD,EAAAA,IAAAG,EAAA,CAAc,KAAAV,EAAY,OAAQ,yBAA0B,SAAAQ,CAAoB,CAAA,EAErF,QACCH,EAAI,MAAJ,CAAU,UAAU,gBAAgB,QAAS,GAC3C,SAAA,CAAC,CAAE,SAAAG,KAAgBD,EAAAA,IAAAG,EAAA,CAAc,KAAAV,EAAY,OAAQ,YAAa,SAAAQ,CAAoB,CAAA,EACzF,QACCH,EAAI,MAAJ,CAAU,QAAS,GACjB,SAAC,CAAA,CAAE,SAAAG,CAAS,UAAOG,EAAQ,CAAA,KAAAX,EAAY,SAAAQ,EAAoB,QAASP,EAAO,EAAI,CAAA,EAClF,CAAA,EACF,CACF,CAAA,CAAA,CAEJ"}