{"version":3,"file":"useVerticalTabs.BUG5Ho-x.js","sources":["../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/vertical-tabs/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/vertical-tabs/hooks/useVerticalTabs.mjs"],"sourcesContent":["import Tabs from '@babylon/ui-kit-structures/components/others/tabs';\nimport { TabsButton } from '@babylon/ui-kit-structures/components/others/tabs/styled';\nimport { FontMixin, FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst VerticalTabs = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"VerticalTabs\",\n    componentId: \"sc-114dc1f4-0\"\n})([\n    \"display:block;\"\n]);\nconst TabsWrapper = /*#__PURE__*/ styled(Tabs).withConfig({\n    displayName: \"TabsWrapper\",\n    componentId: \"sc-114dc1f4-1\"\n})([\n    \"& \",\n    \":has(.is-link) > i{display:none;}\"\n], TabsButton);\nconst VerticalTabsWrapperContent = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"VerticalTabsWrapperContent\",\n    componentId: \"sc-114dc1f4-2\"\n})([\n    \"\",\n    \" color:\",\n    \";padding:20px;max-height:455px;overflow-y:auto;p{margin-bottom:12px;}u{\",\n    \"}i{\",\n    \" display:inline;}h4{\",\n    \" margin-bottom:4px;}ul{\",\n    \" list-style:inherit;margin-bottom:12px;li{\",\n    \" margin-left:32px;}}\"\n], FontMixin({\n    size: 'medium',\n    weight: 'light',\n    height: 'base'\n}), ({ theme, $device })=>$device === 'desktop' ? theme.colors.grays.darker : theme.colors.grays.dark, FontMixin({\n    weight: 'medium'\n}), FontMixin({\n    weight: 'regular'\n}), FontMixin({\n    size: 'large'\n}), FontMixin({\n    weight: 'medium'\n}), FontMixin({\n    weight: 'light'\n}));\nconst VerticalTabsLink = /*#__PURE__*/ styled.a.withConfig({\n    displayName: \"VerticalTabsLink\",\n    componentId: \"sc-114dc1f4-3\"\n})([\n    \"\",\n    \" \",\n    \" color:\",\n    \";margin-right:auto;\"\n], FlexMixin(), FontMixin({\n    size: 'medium',\n    weight: 'medium'\n}), ({ theme })=>theme.colors.primary.light);\nconst TitleWrapper = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"TitleWrapper\",\n    componentId: \"sc-114dc1f4-4\"\n})([\n    \"padding:0 16px;border-bottom:1px solid \",\n    \";\"\n], ({ theme })=>theme.colors.grays.light);\n\nexport { TabsWrapper, TitleWrapper, VerticalTabs, VerticalTabsLink, VerticalTabsWrapperContent };\n","import { jsx } from 'react/jsx-runtime';\nimport { genKey } from '@babylon/ui-kit-helpers/keys';\nimport { markdown } from '@babylon/ui-kit-helpers/markdown';\nimport { useState } from 'react';\nimport { VerticalTabsWrapperContent, VerticalTabsLink } from '../styled.mjs';\n\nconst useVerticalTabs = ()=>{\n    const [tab, setTab] = useState(0);\n    const createElement = (device, content, list)=>{\n        if (list && list.length > 0) {\n            return /*#__PURE__*/ jsx(VerticalTabsWrapperContent, {\n                \"data-testid\": \"VerticalTabsItem\",\n                $device: device,\n                children: list.map((item, index)=>/*#__PURE__*/ jsx(\"p\", {\n                        dangerouslySetInnerHTML: {\n                            __html: markdown(item)\n                        }\n                    }, genKey({\n                        item,\n                        index\n                    })))\n            });\n        }\n        if (content && content !== '') {\n            return /*#__PURE__*/ jsx(VerticalTabsWrapperContent, {\n                \"data-testid\": \"VerticalTabsItem\",\n                $device: device,\n                dangerouslySetInnerHTML: {\n                    __html: content\n                }\n            });\n        }\n    };\n    const createLink = (title, link, target)=>/*#__PURE__*/ jsx(VerticalTabsLink, {\n            href: link,\n            target: target,\n            className: \"is-link\",\n            children: /*#__PURE__*/ jsx(\"span\", {\n                children: title\n            })\n        });\n    return {\n        createLink,\n        createElement,\n        tab,\n        setTab\n    };\n};\n\nexport { useVerticalTabs as default };\n"],"names":["VerticalTabs","styled","TabsWrapper","Tabs","TabsButton","VerticalTabsWrapperContent","FontMixin","theme","$device","VerticalTabsLink","FlexMixin","TitleWrapper","useVerticalTabs","tab","setTab","useState","title","link","target","jsx","device","content","list","item","index","markdown","genKey"],"mappings":"mGAKK,MAACA,EAA6BC,EAAO,IAAI,WAAW,CACrD,YAAa,eACb,YAAa,eACjB,CAAC,EAAE,CACC,gBACJ,CAAC,EACKC,EAA4BD,EAAOE,CAAI,EAAE,WAAW,CACtD,YAAa,cACb,YAAa,eACjB,CAAC,EAAE,CACC,KACA,mCACJ,EAAGC,CAAU,EACPC,EAA2CJ,EAAO,IAAI,WAAW,CACnE,YAAa,6BACb,YAAa,eACjB,CAAC,EAAE,CACC,GACA,UACA,0EACA,MACA,uBACA,0BACA,6CACA,sBACJ,EAAGK,EAAU,CACT,KAAM,SACN,OAAQ,QACR,OAAQ,MACZ,CAAC,EAAG,CAAC,CAAE,MAAAC,EAAO,QAAAC,CAAO,IAAKA,IAAY,UAAYD,EAAM,OAAO,MAAM,OAASA,EAAM,OAAO,MAAM,KAAMD,EAAU,CAC7G,OAAQ,QACZ,CAAC,EAAGA,EAAU,CACV,OAAQ,SACZ,CAAC,EAAGA,EAAU,CACV,KAAM,OACV,CAAC,EAAGA,EAAU,CACV,OAAQ,QACZ,CAAC,EAAGA,EAAU,CACV,OAAQ,OACZ,CAAC,CAAC,EACIG,EAAiCR,EAAO,EAAE,WAAW,CACvD,YAAa,mBACb,YAAa,eACjB,CAAC,EAAE,CACC,GACA,IACA,UACA,qBACJ,EAAGS,EAAW,EAAEJ,EAAU,CACtB,KAAM,SACN,OAAQ,QACZ,CAAC,EAAG,CAAC,CAAE,MAAAC,CAAO,IAAGA,EAAM,OAAO,QAAQ,KAAK,EACrCI,EAA6BV,EAAO,IAAI,WAAW,CACrD,YAAa,eACb,YAAa,eACjB,CAAC,EAAE,CACC,0CACA,GACJ,EAAG,CAAC,CAAE,MAAAM,CAAO,IAAGA,EAAM,OAAO,MAAM,KAAK,ECzDlCK,EAAkB,IAAI,CACxB,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAQ,SAAC,CAAC,EAkChC,MAAO,CACH,WATe,CAACC,EAAOC,EAAMC,IAAuBC,EAAG,IAACV,EAAkB,CACtE,KAAMQ,EACN,OAAQC,EACR,UAAW,UACX,SAAwBC,EAAG,IAAC,OAAQ,CAChC,SAAUH,CAC1B,CAAa,CACb,CAAS,EAGD,cAnCkB,CAACI,EAAQC,EAASC,IAAO,CAC3C,GAAIA,GAAQA,EAAK,OAAS,EACtB,OAAqBH,EAAAA,IAAId,EAA4B,CACjD,cAAe,mBACf,QAASe,EACT,SAAUE,EAAK,IAAI,CAACC,EAAMC,IAAsBL,EAAG,IAAC,IAAK,CACjD,wBAAyB,CACrB,OAAQM,EAASF,CAAI,CACxB,CACJ,EAAEG,EAAO,CACN,KAAAH,EACA,MAAAC,CACH,CAAA,CAAC,CAAC,CACvB,CAAa,EAEL,GAAIH,GAAWA,IAAY,GACvB,OAAqBF,EAAAA,IAAId,EAA4B,CACjD,cAAe,mBACf,QAASe,EACT,wBAAyB,CACrB,OAAQC,CACX,CACjB,CAAa,CAEb,EAYQ,IAAAR,EACA,OAAAC,CACR,CACA","x_google_ignoreList":[0,1]}