{"code":"import { motion } from \"framer-motion\";\r\nimport React, { useCallback, useRef, useState } from \"react\";\r\nimport SlideWrapperButton from \"./SlideWrapperButton\";\r\nvar SlideWrapper = function (_a) {\r\n    var children = _a.children, size = _a.size, buttonStyle = _a.buttonStyle, _b = _a.floatButton, floatButton = _b === void 0 ? true : _b;\r\n    var _c = useState(0), prevSlideCount = _c[0], setPrevSlideCount = _c[1];\r\n    var slideRef = useRef(null);\r\n    var childrenCount = children ? children.length : 0;\r\n    var slideRight = useCallback(function () {\r\n        setPrevSlideCount(prevSlideCount + size);\r\n    }, [prevSlideCount]);\r\n    var slideLeft = useCallback(function () {\r\n        if (prevSlideCount >= size) {\r\n            setPrevSlideCount(prevSlideCount - size);\r\n        }\r\n        else {\r\n            setPrevSlideCount(0);\r\n        }\r\n    }, [prevSlideCount]);\r\n    return (React.createElement(\"div\", { \"data-testid\": \"SlideWrapper\", className: \"relative flex items-center w-full h-full overflow-hidden nrc--SlideWrapper\" },\r\n        React.createElement(SlideWrapperButton, { type: \"LEFT\", hideButton: prevSlideCount === 0, floatButton: floatButton, customButtonStyle: buttonStyle, onClickButton: slideLeft }),\r\n        React.createElement(\"div\", { className: \"w-full overflow-hidden\" },\r\n            React.createElement(motion.div, { ref: slideRef, className: \"grid\", style: {\r\n                    gridTemplateColumns: \"repeat(\".concat(childrenCount, \", calc(100% /\").concat(size, \"))\"),\r\n                }, transition: {\r\n                    type: \"ease\",\r\n                }, animate: { x: \"\".concat((-1 * prevSlideCount * 100) / size, \"%\") } }, children)),\r\n        React.createElement(SlideWrapperButton, { type: \"RIGHT\", hideButton: childrenCount - prevSlideCount - size <= 0, floatButton: floatButton, customButtonStyle: buttonStyle, onClickButton: slideRight })));\r\n};\r\nexport default SlideWrapper;\r\n","references":["/Users/dongyoonkim/Dev/nosearch-react-component/node_modules/framer-motion/types/index.d.ts","/Users/dongyoonkim/Dev/nosearch-react-component/node_modules/@types/react/index.d.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/SlideWrapper/SlideWrapper.types.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/SlideWrapper/SlideWrapperButton.tsx"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/SlideWrapper/SlideWrapper.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nimport { SlideWrapperProps } from \"./SlideWrapper.types\";\r\ndeclare const SlideWrapper: React.FC<SlideWrapperProps>;\r\nexport default SlideWrapper;\r\n"}}