@edu-tosel/design 1.0.201 → 1.0.202

package/layout/index.d.ts

@@ -17,7 +17,6 @@ export { default as Shelf } from "./template/Shelf";
 export { default as Tab } from "./template/Tab";
 export { default as TextBox } from "./template/TextBox";
 export { default as OlympiadLayout } from "./template/Olympiad/Olympiad.layout";
-export { default as Gomito } from "./template/Gomito";
 export { default as RegexamLayout } from "./template/Regexam/Regexam.layout";
 export { default as BooksLayout } from "./template/Books/Books.layout";
 export { default as LegacyLayout } from "./template/Legacy/Legacy.layout";

package/layout/index.js

@@ -17,7 +17,6 @@ export { default as Shelf } from "./template/Shelf";
 export { default as Tab } from "./template/Tab";
 export { default as TextBox } from "./template/TextBox";
 export { default as OlympiadLayout } from "./template/Olympiad/Olympiad.layout";
-export { default as Gomito } from "./template/Gomito";
 export { default as RegexamLayout } from "./template/Regexam/Regexam.layout";
 export { default as BooksLayout } from "./template/Books/Books.layout";
 export { default as LegacyLayout } from "./template/Legacy/Legacy.layout";

package/layout/template/Transcript/design/molecule/BarGraph.js

@@ -6,6 +6,9 @@ export function BarGraph({ score, subScore, total, title, scale, theme, }) {
     const isLoaded = usePageLoaded();
     const [currentWidth, setCurrentWidth] = useState(0);
     const widthPercentage = (score / total) * 100;
+    const scalePercentage = scale && typeof scale === "number"
+        ? ((Math.floor(total / scale) * scale * 100) / total).toFixed(0)
+        : undefined;
     const subScorePercentage = subScore ? (subScore / total) * 100 : undefined;
     useEffect(() => {
         if (isLoaded) {
@@ -67,7 +70,10 @@ export function BarGraph({ score, subScore, total, title, scale, theme, }) {
                                     width: `${widthPercentage}%`,
                                 } }) }), _jsx("div", { className: cn(barFill, "opacity-100 print:opacity-0"), style: {
                                 width: `${currentWidth}%`,
-                            } }), _jsx("div", { className: cn(graphTitle), children: title })] }), _jsx("div", { className: "absolute flex w-full h-full justify-between items-center p-5 text-sm text-gray-medium -translate-y-5", children: scaleTicks && scaleTicks.map((tick) => _jsx("div", { children: tick }, tick)) }), _jsx("div", { className: "absolute flex w-full h-full justify-start items-center", style: {
+                            } }), _jsx("div", { className: cn(graphTitle), children: title })] }), _jsx("div", { className: "absolute -right-1 text-gray-medium font-medium text-xs", children: total }), _jsx("div", { className: cn("absolute left-0 flex flex-row h-full justify-between items-center text-sm text-gray-medium -translate-y-5 p-5"), style: {
+                        width: `${scalePercentage}%`,
+                    }, children: scaleTicks &&
+                        scaleTicks.map((tick) => (_jsxs("div", { className: "w-0 relative text-xs", children: [tick != total && (_jsx("div", { className: "absolute left-3 -top-2", children: tick })), !(tick == 0 || tick == total) && (_jsx("div", { className: "absolute left-2 -top-1 h-4 w-[1px] bg-gray-medium/20" }))] }, tick))) }), _jsx("div", { className: "absolute flex w-full h-full justify-start items-center", style: {
                         transform: `translateX(${widthPercentage}%)`,
                     }, children: _jsx("div", { className: cn(scoreTag), children: score.toFixed(1) }) }), subScore && (_jsx("div", { className: "absolute flex w-full h-full justify-start items-center", style: {
                         transform: `translateX(${subScorePercentage}%)`,

package/layout/template/Transcript/design/organism/BarCardRow.js

@@ -16,7 +16,7 @@ export function BarCardRow({ section1, section2, theme }) {
     };
     const ScriptStyles = {
         displays: "flex justify-center items-center align-center",
-        spacings: "px-5",
+        spacings: "p-5",
         sizes: "w-full h-full",
         textStyles: "text-sm break-keep",
     };
@@ -26,5 +26,5 @@ export function BarCardRow({ section1, section2, theme }) {
         spacings: "p-5",
         textStyles: "leading-tight text-xs",
     };
-    return (_jsxs("div", { className: cn(cardWrapper, printBoxStyles), children: [_jsx(CardTitle, { title: "Grade and Average Score", theme: theme }), _jsxs("div", { className: "flex flex-col sm:mt-0 mt-5", children: [_jsxs("div", { className: cn(SectionWrapper), children: [_jsx(BarGraph, { title: section1.title ? section1.title : "section1", score: section1.score, total: section1.total, subScore: section1.subScore, scale: section1.scale ? section1.scale : 10, theme: theme }), _jsx("div", { className: cn(ScriptStyles), children: section1.script })] }), _jsxs("div", { className: cn(SectionWrapper), children: [_jsx(BarGraph, { title: section2.title ? section2.title : "section2", score: section2.score, total: section2.total, subScore: section2.subScore, scale: section2.scale ? section2.scale : 10, theme: theme }), _jsx("div", { className: cn(ScriptStyles), children: section2.script })] })] })] }));
+    return (_jsxs("div", { className: cn(cardWrapper, printBoxStyles), children: [_jsx(CardTitle, { title: "Grade and Average Score", theme: theme }), _jsxs("div", { className: "flex flex-col sm:my-0 mt-5", children: [_jsxs("div", { className: cn(SectionWrapper), children: [_jsx(BarGraph, { title: section1.title ? section1.title : "section1", score: section1.score, total: section1.total, subScore: section1.subScore, scale: section1.scale ? section1.scale : 10, theme: theme }), _jsx("div", { className: cn(ScriptStyles), children: section1.script })] }), _jsxs("div", { className: cn(SectionWrapper), children: [_jsx(BarGraph, { title: section2.title ? section2.title : "section2", score: section2.score, total: section2.total, subScore: section2.subScore, scale: section2.scale ? section2.scale : 10, theme: theme }), _jsx("div", { className: cn(ScriptStyles), children: section2.script })] })] })] }));
 }

package/layout/template/Transcript/design/organism/IdCard.js

@@ -53,5 +53,5 @@ export default function IdCard({ info }) {
             : "rounded-md w-full h-full",
         printOptions: "print:w-fit print:h-fit print:px-2 print:py-1",
     };
-    return (_jsxs("div", { className: "flex flex-row w-full h-fit mt-5 gap-5", children: [_jsxs("div", { className: cn(cardWrapper), children: [_jsxs("div", { className: "flex flex-row justify-between items-center pb-1 w-full h-fit border-b-2 border-green-dark", children: [_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex flex-[3] text-sm truncate font-bold text-green-dark", children: [info.name, " ", info.nickname && _jsxs("span", { children: [" \u00A0/ ", info.nickname] })] }), _jsx("div", { className: "flex flex-[1] text-sm", children: info.birthday })] }), _jsx("div", { className: "w-fit h-full xs:block hidden", children: _jsx("div", { className: cn(levelTag), children: GetStyleFromLevel(info.level, "name") }) })] }), _jsxs("div", { className: "flex flex-col xs:flex-row w-full h-fit mt-2", children: [_jsxs("div", { className: "flex flex-[3] text-sm truncate", children: [_jsx("div", { className: "flex flex-[2] text-green-dark font-bold", children: "\uC218\uD5D8\uBC88\uD638:" }), _jsx("div", { className: "flex flex-[3]", children: info.code })] }), _jsxs("div", { className: "flex flex-[3] text-sm truncate", children: [_jsx("div", { className: "flex flex-[2] text-green-dark font-bold", children: "\uC2DC\uD5D8\uC77C:" }), _jsx("div", { className: "flex flex-[3]", children: info.examDate })] })] }), _jsxs("div", { className: "flex flex-col xs:flex-row w-full h-fit", children: [_jsxs("div", { className: "flex flex-[3] text-sm truncate", children: [_jsx("div", { className: "flex flex-[2] text-green-dark font-bold", children: "\uC720\uD6A8\uAE30\uAC04:" }), _jsx("div", { className: "flex flex-[3]", children: info.examValidAt })] }), _jsxs("div", { className: "flex flex-[3] text-sm truncate", children: [_jsx("div", { className: "flex flex-[2] text-green-dark font-bold", children: "\uC2DC\uD5D8\uD68C\uCC28:" }), _jsx("div", { className: "flex flex-[3]", children: info.examName })] })] })] }), _jsxs("div", { className: cn(qrBox), children: [!info.qrSrc && (_jsx("div", { className: "absolute top-0 left-0 w-full h-full flex justify-center items-center", children: _jsx("img", { src: "https://resource.tosel.co.kr/images/logo-itc-classic.png", alt: "" }) })), info.qrSrc && (_jsxs(_Fragment, { children: [_jsx(QRCode, { value: info.qrSrc, className: "w-full h-full" }), _jsx("div", { className: "absolute top-0 left-0 w-full h-full flex justify-center items-center ", children: _jsx("img", { src: "/images/img-favicon-main.png", alt: "", className: "size-8" }) }), _jsx("div", { className: cn(copyButtonWrapper), children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "flex justify-center items-center ", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", className: "size-6 stroke-green-dark", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" }) }) }), _jsx("div", { className: cn(copyButton), onClick: () => copyToClipboard(info.qrSrc), children: "\uACF5\uC720\uD558\uAE30" })] }) })] }))] }), _jsxs("div", { className: "flex flex-col shrink-0", children: [_jsxs("div", { className: cn(imgBox), children: [_jsx("img", { src: info.imgSrc, alt: "", className: "object-cover w-full h-auto" }), _jsx("div", { className: "absolute w-full h-full flex items-center justify-center", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", className: "size-6 stroke-jr-blue/50", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" }) }) })] }), !isXS && (_jsx("div", { className: "w-full h-full mt-3 flex", children: _jsx("div", { className: "w-full h-full block xs:hidden", children: _jsx("div", { className: cn(levelTag), children: GetStyleFromLevel(info.level, "name") }) }) }))] })] }));
+    return (_jsxs("div", { className: "flex flex-row w-full h-fit mt-5 gap-5", children: [_jsxs("div", { className: cn(cardWrapper), children: [_jsxs("div", { className: "flex flex-row justify-between items-center pb-1 w-full h-fit border-b-2 border-green-dark", children: [_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex flex-[3] text-sm truncate font-bold text-green-dark", children: [info.name, " ", info.nickname && _jsxs("span", { children: [" \u00A0/ ", info.nickname] })] }), _jsx("div", { className: "flex flex-[1] text-sm", children: info.birthday })] }), _jsx("div", { className: "w-fit h-full xs:block hidden", children: _jsx("div", { className: cn(levelTag), children: GetStyleFromLevel(info.level, "name") }) })] }), _jsxs("div", { className: "flex flex-col xs:flex-row w-full h-fit mt-2", children: [_jsxs("div", { className: "flex flex-[3] text-sm truncate", children: [_jsx("div", { className: "flex flex-[2] text-green-dark font-bold", children: "\uC218\uD5D8\uBC88\uD638:" }), _jsx("div", { className: "flex flex-[3]", children: info.code })] }), _jsxs("div", { className: "flex flex-[3] text-sm truncate", children: [_jsx("div", { className: "flex flex-[2] text-green-dark font-bold", children: "\uC2DC\uD5D8\uC77C:" }), _jsx("div", { className: "flex flex-[3]", children: info.examDate })] })] }), _jsxs("div", { className: "flex flex-col xs:flex-row w-full h-fit", children: [_jsxs("div", { className: "flex flex-[3] text-sm truncate", children: [_jsx("div", { className: "flex flex-[2] text-green-dark font-bold", children: "\uC720\uD6A8\uAE30\uAC04:" }), _jsx("div", { className: "flex flex-[3]", children: info.examValidAt })] }), _jsxs("div", { className: "flex flex-[3] text-sm truncate", children: [_jsx("div", { className: "flex flex-[2] text-green-dark font-bold", children: "\uC2DC\uD5D8\uD68C\uCC28:" }), _jsx("div", { className: "flex flex-[3]", children: info.examName })] })] })] }), _jsxs("div", { className: cn(qrBox), children: [!info.qrSrc && (_jsx("div", { className: "absolute top-0 left-0 w-full h-full flex justify-center items-center", children: _jsx("img", { src: "https://resource.tosel.co.kr/images/logo-itc-classic.png", alt: "" }) })), info.qrSrc && (_jsxs(_Fragment, { children: [_jsx(QRCode, { value: info.qrSrc, className: "w-full h-full" }), _jsx("div", { className: "absolute top-0 left-0 w-full h-full flex justify-center items-center ", children: _jsx("img", { src: "/images/img-favicon-main.png", alt: "", className: "size-8" }) }), _jsx("div", { className: cn(copyButtonWrapper), children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "flex justify-center items-center ", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", className: "size-6 stroke-green-dark", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" }) }) }), _jsx("div", { className: cn(copyButton), onClick: () => copyToClipboard(info.qrSrc), children: "\uACF5\uC720\uD558\uAE30" })] }) })] }))] }), _jsxs("div", { className: "flex flex-col shrink-0", children: [_jsxs("div", { className: cn(imgBox), children: [_jsx("img", { src: info.imgSrc, alt: "", className: "object-cover w-auto h-full" }), _jsx("div", { className: "absolute w-full h-full flex items-center justify-center", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", className: "size-6 stroke-jr-blue/50", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" }) }) })] }), !isXS && (_jsx("div", { className: "w-full h-full mt-3 flex", children: _jsx("div", { className: "w-full h-full block xs:hidden", children: _jsx("div", { className: cn(levelTag), children: GetStyleFromLevel(info.level, "name") }) }) }))] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.201",
+  "version": "1.0.202",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/text/LineBreaks.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function LineBreaks({ texts, className, }) {
     const strings = typeof texts === "string"

package/version.txt

@@ -1 +1 @@
-1.0.201
+1.0.202

package/layout/template/Gomito.d.ts

@@ -1 +0,0 @@
-export default function Gomito(): import("react/jsx-runtime").JSX.Element;

package/layout/template/Gomito.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Gomito() {
-    return (_jsxs("div", { className: "max-w-[796px] bg-[#F6F6F6] p-6 m-0 h-auto w-full rounded-2xl sm:p-16 break-keep", children: [_jsxs("div", { className: "flex flex-row items-center", children: [_jsx("div", { className: "w-16", children: _jsx("img", { src: "https://resource.tosel.co.kr/images/img-icon-KU.png", alt: "", className: "object-cover" }) }), _jsxs("div", { children: [_jsx("div", { className: "text-sm text-black break-keep", children: "\uACE0\uB824\uB300\uD559\uAD50 | \uBBF8\uB798\uAD50\uC721\uC6D0" }), _jsx("div", { className: "text-2xl text-red-800 font-bold", children: "\uD1A0\uC140 \uC804\uBB38\uAC00 \uACFC\uC815" })] })] }), _jsxs("div", { className: "flex flex-col-reverse sm:flex-row ", children: [_jsxs("div", { className: "text-base w-full h-fit mt-0 rounded-lg bg-stone-200 p-4 sm:w-80 sm:flex-none sm:mt-6", children: [_jsxs("div", { className: "flex flex-row p-1", children: [_jsx("div", { className: "text-red-800 font-bold text-sm sm:text-base", children: "\uB300\uC0C1" }), _jsx("div", { className: "ml-4 text-stone-500 font-bold text-sm sm:text-base", children: "\uD1A0\uC140 \uB7A9 \uC9C0\uC815\uAD50\uC721\uAE30\uAD00 / \uD76C\uB9DD\uAE30\uAD00 \uD559\uC6D0\uC7A5 \uBC0F \uC18C\uC18D \uAC15\uC0AC\uC9C4" })] }), _jsxs("div", { className: "flex flex-row p-1", children: [_jsx("div", { className: "text-red-800 font-bold text-sm sm:text-base", children: "\uD61C\uD0DD" }), _jsxs("div", { className: "ml-4 text-stone-500 font-bold text-sm sm:text-base", children: [_jsx("div", { children: "\uACE0\uB824\uB300\uD559\uAD50 \uCD1D\uC7A5 \uBC0F \uBBF8\uB798\uAD50\uC721\uC6D0\uC7A5 \uBA85\uC758 \uC218\uB8CC\uC99D \uBC1C\uAE09" }), _jsx("div", { children: "\uB2E4\uC591\uD55C \uAE30\uAD00 \uBC0F \uAD50\uC218\uC9C4\uACFC\uC758 \uB124\uD2B8\uC6CC\uD06C" })] })] }), _jsxs("div", { className: "flex flex-row p-1", children: [_jsx("div", { className: "text-red-800 font-bold text-sm sm:text-base", children: "\uBAA9\uC801" }), _jsx("div", { className: "ml-4 text-stone-500 font-bold text-sm sm:text-base", children: "TOSEL \uAD50\uC721\uACFC\uC815\uC744 \uAE30\uBC18\uC73C\uB85C \uD55C \uC601\uC5B4\uAD50\uC721 \uC804\uBB38\uAC00 \uC591\uC131" })] })] }), _jsx("div", { className: "w-auto block ml-4 sm:w-full", children: _jsx("img", { src: "https://resource.tosel.co.kr/images/img-gomito-teacher.png", alt: "\uC2A4\uD53C\uD0B9\uC2DC\uB9AC\uC988\uC774\uBBF8\uC9C0" }) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xl font-bold text-red-800 mt-8", children: "\uC65C \uD1A0\uC140\uC5D0\uC11C \uBC30\uC6CC\uC57C \uD560\uAE4C\uC694?" }), _jsx("div", { className: "text-sm font-medium text-stone-500 mt-1 sm:text-base", children: "20\uB144\uAC04 \uC601\uC5B4\uD3C9\uAC00\uC2DC\uC7A5\uC744 \uC120\uB3C4\uD574\uC628 \uD1A0\uC140\uC740 \uCD95\uC801\uB41C \uB370\uC774\uD130\uB97C \uAE30\uBC18\uC73C\uB85C \uC218\uC900 \uB192\uC740 \uC218\uC5C5\uC744 \uC81C\uACF5\uD569\uB2C8\uB2E4" }), _jsx("div", { className: "text-sm font-medium text-stone-500 mt-1 sm:text-base", children: "\uB0A8\uB2E4\uB978 \uAD00\uC810\uC73C\uB85C, \uD1A0\uC140 \uCEE8\uD150\uCE20\uB97C \uD65C\uC6A9\uD560 \uC218 \uC788\uB294 \uD655\uC2E4\uD55C \uBC29\uBC95\uC744 \uC54C\uB824\uB4DC\uB9BD\uB2C8\uB2E4" }), _jsx("div", { className: "w-full h-fit overflow-hidden rounded-xl mt-8", children: _jsx("img", { src: "https://resource.tosel.co.kr/images/img-koreauniversity.png", alt: "" }) }), _jsx("div", { className: "text-xl font-bold text-red-800 mt-8", children: "\uB0A8\uB2E4\uB978 \uD1A0\uC140\uC758 \uD61C\uD0DD" }), _jsx("div", { className: "text-sm font-medium text-stone-500 mt-1 sm:text-base", children: "\uACE0\uB824\uB300\uD559\uAD50 \uBBF8\uB798\uAD50\uC721\uC6D0\uACFC \uD568\uAED8\uD558\uB294 TOSEL \uC804\uBB38\uAC00 \uACFC\uC815" }), _jsx("div", { className: "text-sm font-medium text-stone-500 mt-1 sm:text-base", children: "\uCC38\uC5EC\uD558\uBA74 \uC774\uB7F0 \uD61C\uD0DD\uC774 \uC788\uC5B4\uC694" }), _jsxs("div", { className: "flex flex-wrap w-full gap-4 mt-4", children: [_jsxs("div", { className: "flex-1 bg-stone-200 min-w-60 h-30 p-4 rounded-lg flex flex-row border-2 border-stone-300", children: [_jsx("div", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "size-6 stroke-stone-800", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" }) }) }), _jsxs("div", { className: "flex flex-col ml-4 text-stone-500", children: [_jsx("div", { className: "font-bold text-base text-stone-800 sm:text-lg", children: "\uB2E4\uC591\uD55C \uB124\uD2B8\uC6CC\uD0B9 \uAE30\uD68C" }), _jsx("div", { className: "font-medium text-sm mt-2", children: "\uAD50\uC218\uC9C4, \uAC01 \uAE30\uAD00\uACFC\uC758 \uB124\uD2B8\uC6CC\uD0B9 \uAE30\uD68C\uAC00 \uC8FC\uC5B4\uC9D1\uB2C8\uB2E4." })] })] }), _jsxs("div", { className: "flex-1 bg-stone-200 min-w-60 h-30 p-4 rounded-lg flex flex-row border-2 border-stone-300", children: [_jsx("div", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "size-6 stroke-stone-800", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" }) }) }), _jsxs("div", { className: "flex flex-col ml-4 text-stone-500", children: [_jsx("div", { className: "font-bold text-base text-stone-800 sm:text-lg", children: "\uACF5\uC2E0\uB825 \uAC15\uD654" }), _jsx("div", { className: "font-medium text-sm mt-2", children: "\uACE0\uB824\uB300\uD559\uAD50 \uCD1D\uC7A5 \uBA85\uC758\uC758 \uC218\uB8CC\uC99D\uC774 \uBC1C\uAE09\uB429\uB2C8\uB2E4." })] })] }), _jsxs("div", { className: "flex-1 bg-stone-200 min-w-60 h-30 p-4 rounded-lg flex flex-row border-2 border-stone-300", children: [_jsx("div", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "size-6 stroke-stone-800", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25" }) }) }), _jsxs("div", { className: "flex flex-col ml-4 text-stone-500", children: [_jsx("div", { className: "font-bold text-base text-stone-800 sm:text-lg", children: "\uC601\uC5B4 \uAD50\uC721 \uCEE4\uB9AC\uD058\uB7FC" }), _jsx("div", { className: "font-medium text-sm mt-2", children: "\uD1A0\uC140 \uCEE8\uD150\uCE20\uB97C \uD65C\uC6A9\uD560 \uC218 \uC788\uB294 \uCEE4\uB9AC\uD058\uB7FC\uC744 \uBC30\uC6B8 \uC218 \uC788\uC2B5\uB2C8\uB2E4" })] })] }), _jsxs("div", { className: "flex-1 bg-stone-200 min-w-60 h-30 p-4 rounded-lg flex flex-row border-2 border-stone-300", children: [_jsx("div", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "size-6 stroke-stone-800", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" }) }) }), _jsxs("div", { className: "flex flex-col ml-4 text-stone-500", children: [_jsx("div", { className: "font-bold text-base text-stone-800 sm:text-lg", children: "\uC804\uBB38\uC9C0\uC2DD \uC2B5\uB4DD" }), _jsx("div", { className: "font-medium text-sm mt-2", children: "\uC77C\uBC18\uC801 \uC601\uC5B4\uAD50\uC218\uBC95\uC5D0 \uB300\uD55C \uC804\uBB38\uC9C0\uC2DD\uC744 \uAC15\uD654\uD569\uB2C8\uB2E4" })] })] })] }), _jsx("div", { className: "text-xl font-bold text-red-800 mt-8", children: "\uC9C0\uAE08 \uBC14\uB85C \uC2E0\uCCAD\uD558\uC138\uC694" }), _jsx("div", { className: "text-sm font-medium text-stone-500 mt-1 sm:text-base", children: "9\uC6D4\uC5D0 \uAC1C\uAC15\uD558\uB294 \uC804\uBB38\uAC00 \uACFC\uC815\uC5D0 \uC9C0\uC6D0\uAC00\uB2A5\uD574\uC694" }), _jsxs("div", { className: "w-full h-fit p-4 bg-red-800 rounded-lg mt-4 flex flex-col gap-2", children: [_jsxs("div", { className: "flex flex-row gap-4", children: [_jsx("div", { className: "text-base text-white font-bold", children: "\uC804\uD615\uAE30\uAC04" }), _jsx("div", { className: "text-base text-white", children: "2024\uB144 8\uC6D4 24\uC77C\uAE4C\uC9C0" })] }), _jsxs("div", { className: "flex flex-row gap-4", children: [_jsx("div", { className: "text-base text-white font-bold", children: "\uC804\uD615\uBC29\uBC95" }), _jsx("div", { className: "text-base text-white", children: "\uC11C\uB958 \uBC0F \uBA74\uC811\uC804\uD615" })] }), _jsxs("div", { className: "flex flex-row gap-4", children: [_jsx("div", { className: "text-base text-white font-bold", children: "\uD569\uACA9\uC790 \uBC1C\uD45C" }), _jsx("div", { className: "text-base text-white", children: "2024\uB144 8\uC6D4 26\uC77C" })] })] }), _jsx("div", { className: "text-xs mt-1 text-red-800", children: "*\uC815\uC6D0\uCDA9\uC871\uC5D0 \uB530\uB77C \uCC28\uD6C4 \uAC1C\uAC15 \uC5EC\uBD80\uAC00 \uACB0\uC815\uB420 \uC218 \uC788\uC2B5\uB2C8\uB2E4" }), _jsx("div", { className: "text-sm mt-4 text-red-800 text-center p-4 bg-stone-200 rounded-lg", children: "\uAD00\uB828\uBB38\uC758: tosel_lab@tosel.co.kr" })] })] }));
-}