{"code":"import { atom, useAtom } from \"jotai\";\r\nimport React, { useEffect, useMemo } from \"react\";\r\nimport Sticky from \"react-stickynode\";\r\nexport var selectedIndexAtom = atom(-1);\r\nvar TabList = function (props) {\r\n    var tabs = useTab(props.children).tabs;\r\n    var _a = useAtom(selectedIndexAtom), index = _a[0], setIndex = _a[1];\r\n    useEffect(function () {\r\n        props.defaultIndex ? setIndex(props.defaultIndex) : setIndex(0);\r\n    }, []);\r\n    return (React.createElement(Sticky, { enabled: props.sticky || false, innerZ: 100 },\r\n        React.createElement(\"div\", { className: \"flex justify-around w-full overflow-auto bg-white border-b hide-scroll border-gray-3\" },\r\n            React.createElement(\"div\", { className: \"flex overflow-x-auto \" },\r\n                React.createElement(\"ul\", { \r\n                    // className=\"bg-white border-b border-gray-3\"\r\n                    style: { flex: \"0 0 100%\" } }, tabs.map(function (tab, i) {\r\n                    return React.cloneElement(tab, {\r\n                        key: \"tab-\".concat(i),\r\n                        selected: i === index,\r\n                        parentKey: props.parentKey,\r\n                        onClick: function () {\r\n                            setIndex(i);\r\n                        },\r\n                        tabWidth: props.tabWidth,\r\n                    });\r\n                }))))));\r\n};\r\nvar useTab = function (children) {\r\n    var tabs = useMemo(function () {\r\n        var tabs = [];\r\n        React.Children.toArray(children).map(function (x) {\r\n            if (x.props.__TYPE === \"Tab\") {\r\n                tabs.push(x);\r\n            }\r\n        });\r\n        return tabs;\r\n    }, [children]);\r\n    return {\r\n        tabs: tabs,\r\n    };\r\n};\r\nTabList.defaultProps = {\r\n    __TYPE: \"TabList\",\r\n};\r\nexport default TabList;\r\n","references":["/Users/dongyoonkim/Dev/nosearch-react-component/node_modules/jotai/index.d.ts","/Users/dongyoonkim/Dev/nosearch-react-component/node_modules/@types/react/index.d.ts","/Users/dongyoonkim/Dev/nosearch-react-component/node_modules/@types/react-stickynode/index.d.ts"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/UI/Tabs/TabList.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nexport declare const selectedIndexAtom: import(\"jotai\").Atom<number> & {\r\n    write: (get: {\r\n        <Value>(atom: import(\"jotai\").Atom<Value | Promise<Value>>): Value;\r\n        <Value_1>(atom: import(\"jotai\").Atom<Promise<Value_1>>): Value_1;\r\n        <Value_2>(atom: import(\"jotai\").Atom<Value_2>): Value_2 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_2;\r\n    } & {\r\n        <Value_3>(atom: import(\"jotai\").Atom<Value_3 | Promise<Value_3>>, options: {\r\n            unstable_promise: true;\r\n        }): Value_3 | Promise<Value_3>;\r\n        <Value_4>(atom: import(\"jotai\").Atom<Promise<Value_4>>, options: {\r\n            unstable_promise: true;\r\n        }): Value_4 | Promise<Value_4>;\r\n        <Value_5>(atom: import(\"jotai\").Atom<Value_5>, options: {\r\n            unstable_promise: true;\r\n        }): (Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5>;\r\n    }, set: {\r\n        <Value_6, Result extends void | Promise<void>>(atom: import(\"jotai\").WritableAtom<Value_6, undefined, Result>): Result;\r\n        <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import(\"jotai\").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;\r\n    }, update: number | ((prev: number) => number)) => void;\r\n    onMount?: (<S extends (update: number | ((prev: number) => number)) => void>(setAtom: S) => void | (() => void)) | undefined;\r\n} & {\r\n    init: number;\r\n};\r\ndeclare const TabList: {\r\n    (props: {\r\n        children?: React.ReactNode;\r\n        defaultIndex?: number;\r\n        parentKey?: string;\r\n        sticky?: boolean;\r\n        tabWidth?: string;\r\n    }): JSX.Element;\r\n    defaultProps: {\r\n        __TYPE: string;\r\n    };\r\n};\r\nexport default TabList;\r\n"}}