{"code":"// Generated with util/create-component.js\r\nimport React from \"react\";\r\nimport Label from \"../Label\";\r\nimport NsImage from \"../shared/ns-image\";\r\nimport Text from \"../UI/Text\";\r\nvar Encyclopedia = function (props) {\r\n    var data = props.data, type = props.type, fluid = props.fluid;\r\n    var title = data.title, categoryKr = data.categoryKr, thumbnail = data.thumbnail, ImageWrapper = data.ImageWrapper, _a = data.isVideo, isVideo = _a === void 0 ? false : _a, _b = data.isNew, isNew = _b === void 0 ? false : _b;\r\n    var imageSize = fluid\r\n        ? \"w-full max-w-[16rem] pc:max-w-[27rem]\"\r\n        : \"w-[16rem] pc:w-[27rem]\";\r\n    return (React.createElement(\"div\", { \"data-testid\": \"Encyclopedia\", className: \"nrc--Encyclopedia \".concat(type === \"column\" ? \"block\" : \"flex items-center\") },\r\n        React.createElement(\"div\", { className: \"relative h-[9rem] pc:h-[15.2rem] rounded-[10px] border-[1px] border-gray-3 overflow-hidden \".concat(imageSize) },\r\n            React.createElement(\"div\", { className: \"relative h-[9rem] pc:h-[15.2rem] \".concat(imageSize) },\r\n                React.createElement(NsImage, { ImageWrapper: ImageWrapper, imageUrl: thumbnail, className: imageSize })),\r\n            isVideo && (React.createElement(\"img\", { src: \"https://nosearch.com/static/images/video_player.png\", className: \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[4.5rem]\" })),\r\n            isNew && (React.createElement(Label, { className: \"bg-red-4 rounded-[0.5rem] absolute top-[0.4rem] left-[0.4rem]\", size: \"s\", \"aria-label\": \"NEW\" }, \"NEW\"))),\r\n        React.createElement(\"div\", { className: \"\".concat(fluid\r\n                ? \"w-full max-w-[16.5rem] pc:max-w-[27rem]\"\r\n                : \"w-[16.5rem] pc:w-[27rem]\", \" \").concat(type === \"row\" ? \"ml-[1rem]\" : \"mt-[1rem]\") },\r\n            React.createElement(\"div\", { className: \"flex items-center\" },\r\n                React.createElement(Text, { type: \"D3\", className: \"text-gray-7\", \"aria-label\": \"\\uCE74\\uD14C\\uACE0\\uB9AC\\uBA85\" }, categoryKr),\r\n                isVideo && (React.createElement(\"img\", { src: \"https://nosearch.com/static/images/youtube_logo.png\", className: \"w-[1.8rem] ml-1.5\" }))),\r\n            React.createElement(Text, { type: \"B3\", className: \"break-all text-gray-10 line-clamp-3 pc:line-clamp-2\", \"aria-label\": \"\\uC81C\\uBAA9\" }, title.replace(/<br>/g, \"\")))));\r\n};\r\nexport default Encyclopedia;\r\n","references":["/Users/dongyoonkim/Dev/nosearch-react-component/node_modules/@types/react/index.d.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/Label/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/shared/ns-image.tsx","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/UI/Text/index.ts","/Users/dongyoonkim/Dev/nosearch-react-component/src/components/Encyclopedia/Encyclopedia.types.ts"],"dts":{"name":"/Users/dongyoonkim/Dev/nosearch-react-component/lib/components/Encyclopedia/Encyclopedia.d.ts","writeByteOrderMark":false,"text":"import React from \"react\";\r\nimport { EncyclopediaProps } from \"./Encyclopedia.types\";\r\ndeclare const Encyclopedia: React.FC<EncyclopediaProps>;\r\nexport default Encyclopedia;\r\n"}}