@dotss/tictoccroc 0.4.2 → 0.6.0

package/dist/teacher/profile/components/ProfileSummary/ProfileSummary.mjs

@@ -1,434 +1,349 @@
-import { jsxs as i, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { useState as I, useRef as F, useEffect as J } from "react";
-import { Flexbox as r, Typography as t, Icon as d, Label as B, Button as A } from "@dotss/ui";
-import G from "@dotss/ui/core/useTheme";
-import K from "dayjs";
-import O from "../../../../shared/components/Image/Image.mjs";
-import { getLastActiveText as W } from "./ProfileSummary.utils.mjs";
-function Y({
-  avatar: n,
-  introduction: l,
-  name: u,
-  grade: S,
-  activeHours: f = 0,
-  rating: h = 0,
-  reviewCount: p = 0,
-  adornment: L,
-  lastActiveAt: x,
-  action: k
-}) {
-  const {
-    palette: { background: y, brand: w, etc: D },
-    spacing: a
-  } = G(), [m, v] = I(!1), [z, T] = I(!1), b = F(null), E = f > 0 || p > 0, c = x ? K(x) : null, R = c ? W(c) : null, j = (o) => {
-    var s, g;
-    switch (o.key) {
-      case "Enter":
-        o.preventDefault(), (s = n.onClick) == null || s.call(n, o);
-        break;
-      case " ":
-        o.preventDefault(), (g = n.onClick) == null || g.call(n, o);
-        break;
-    }
-  }, M = () => v((o) => !o);
-  return J(() => {
-    const o = () => {
-      if (!b.current) return;
-      const s = b.current, g = parseInt(window.getComputedStyle(s).lineHeight), $ = s.scrollHeight, H = Math.ceil($ / g);
-      T(H > 4);
-    };
-    return o(), window.addEventListener("resize", o), () => {
-      window.removeEventListener("resize", o);
-    };
-  }, [l.aboutMe]), /* @__PURE__ */ i(
-    r,
-    {
-      tag: "section",
-      flexDirection: "column",
-      gap: 4,
-      "aria-label": "선생님 프로필 요약 정보",
-      inlineCSS: {
-        width: "100%"
-      },
-      children: [
-        /* @__PURE__ */ i(r, { alignItems: "center", gap: 4, children: [
-          /* @__PURE__ */ i(r, { flexDirection: "column", gap: 2, alignItems: "center", justifyContent: "center", children: [
-            /* @__PURE__ */ i(
-              r,
-              {
-                role: typeof n.onClick == "function" ? "button" : void 0,
-                tabIndex: typeof n.onClick == "function" ? 0 : -1,
-                onKeyDown: j,
-                onClick: n.onClick,
-                alignItems: "center",
-                justifyContent: "center",
-                flexDirection: "column",
-                gap: 2,
-                inlineCSS: {
-                  position: "relative",
-                  cursor: typeof n.onClick == "function" ? "pointer" : void 0
-                },
-                children: [
-                  n.src && /* @__PURE__ */ e(
-                    O,
-                    {
-                      width: 88,
-                      height: 88,
-                      src: n.src,
-                      alt: `${u} 선생님 프로필 이미지`,
-                      fit: "cover",
-                      borderRadius: 100,
-                      role: "presentation",
-                      style: {
-                        objectFit: "cover"
-                      }
-                    }
-                  ),
-                  n.adornment,
-                  !n.src && !n.placeholder && /* @__PURE__ */ i(
-                    r,
-                    {
-                      role: "status",
-                      flexDirection: "column",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      inlineCSS: {
-                        width: 88,
-                        height: 88,
-                        backgroundColor: y.primary,
-                        borderRadius: 100
-                      },
-                      children: [
-                        /* @__PURE__ */ e(
-                          t,
-                          {
-                            tag: "p",
-                            variant: "c3M",
-                            color: "grey.70",
-                            "aria-label": "등록된 프로필 사진이 없어요.",
-                            children: "프로필 사진"
-                          }
-                        ),
-                        /* @__PURE__ */ e(t, { tag: "span", variant: "c5R", color: "etc.red", "aria-hidden": !0, children: "(필수)" })
-                      ]
-                    }
-                  ),
-                  !n.src && n.placeholder && n.placeholder,
-                  /* @__PURE__ */ e(
-                    r,
-                    {
-                      "aria-hidden": !0,
-                      inlineCSS: {
-                        position: "absolute",
-                        top: 0,
-                        left: 0,
-                        width: "100%",
-                        height: "100%",
-                        border: "1px solid rgba(0, 0, 0, 0.05)",
-                        borderRadius: 100
-                      }
-                    }
-                  ),
-                  n.status === "REJECTED" && /* @__PURE__ */ i(C, { children: [
-                    /* @__PURE__ */ e(
-                      r,
-                      {
-                        alignItems: "center",
-                        justifyContent: "center",
-                        inlineCSS: {
-                          position: "absolute",
-                          top: 0,
-                          left: 0,
-                          width: "100%",
-                          height: "100%",
-                          opacity: 0.8,
-                          borderRadius: 100,
-                          backgroundColor: y.primary,
-                          zIndex: 1
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ e(
-                      d,
-                      {
-                        name: "AlertFill",
-                        size: "xSmall",
-                        color: "etc.red",
-                        inlineCSS: {
-                          position: "absolute",
-                          top: "50%",
-                          left: "50%",
-                          transform: "translate(-50%, -50%)",
-                          zIndex: 1
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ e(t, { role: "status", visuallyHidden: !0, children: "프로필 사진이 반려되었어요. 다시 등록해주세요." })
-                  ] })
-                ]
-              }
-            ),
-            (c == null ? void 0 : c.isValid()) && /* @__PURE__ */ e(
-              t,
-              {
-                tag: "p",
-                variant: "c3M",
-                color: "grey.50",
-                inlineCSS: {
-                  visibility: R ? void 0 : "hidden"
-                },
-                children: R || "활동 정보 없음"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i(r, { flexDirection: "column", justifyContent: "flex-start", gap: 3, flexGrow: 1, children: [
-            /* @__PURE__ */ i(r, { alignItems: "center", gap: 2, flexWrap: "wrap", children: [
-              S && /* @__PURE__ */ e(B, { variant: "outlined", size: "small", color: "blue", "aria-label": `${S} 등급`, children: S }),
-              /* @__PURE__ */ i(
-                t,
-                {
-                  tag: "p",
-                  variant: "h2B",
-                  "aria-label": `${u} 선생님`,
-                  inlineCSS: {
-                    flexGrow: 1,
-                    "& > span": {
-                      marginLeft: a.content(1),
-                      fontWeight: 400
-                    }
-                  },
-                  children: [
-                    u,
-                    /* @__PURE__ */ e("span", { "aria-hidden": !0, children: "선생님" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ e(
-                r,
-                {
-                  alignItems: "center",
-                  inlineCSS: {
-                    maxHeight: 30
-                  },
-                  children: L
-                }
-              )
-            ] }),
-            /* @__PURE__ */ i(
-              r,
-              {
-                pl: 4,
-                pr: 4,
-                pt: 2,
-                pb: 2,
-                justifyContent: "space-around",
-                alignItems: "center",
-                gap: 5,
-                "aria-hidden": !E,
-                inlineCSS: {
-                  borderRadius: 8,
-                  backgroundColor: y.primary,
-                  visibility: E ? void 0 : "hidden"
-                },
-                children: [
-                  /* @__PURE__ */ i(
-                    r,
-                    {
-                      alignItems: "center",
-                      role: "group",
-                      "aria-label": `누적 수업 ${f}시간`,
-                      inlineCSS: {
-                        whiteSpace: "nowrap"
-                      },
-                      children: [
-                        /* @__PURE__ */ e(d, { name: "TimeLine", size: "xSmall", color: "grey.70" }),
-                        /* @__PURE__ */ e(
-                          t,
-                          {
-                            tag: "p",
-                            variant: "h4B",
-                            inlineCSS: {
-                              marginLeft: a.content(1),
-                              color: w.primary.text
-                            },
-                            children: f.toLocaleString()
-                          }
-                        ),
-                        /* @__PURE__ */ e(
-                          t,
-                          {
-                            tag: "span",
-                            variant: "b5R",
-                            color: "grey.70",
-                            inlineCSS: {
-                              marginLeft: a.content(0.5)
-                            },
-                            children: "시간"
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    r,
-                    {
-                      alignItems: "center",
-                      role: "group",
-                      "aria-label": h > 0 ? `평점 ${h}, 리뷰 ${p}개` : `평점 집계중, 리뷰 ${p}개`,
-                      inlineCSS: {
-                        whiteSpace: "nowrap"
-                      },
-                      children: [
-                        /* @__PURE__ */ e(d, { name: "ReviewLine", size: "xSmall", color: "grey.70" }),
-                        h > 0 ? /* @__PURE__ */ i(C, { children: [
-                          /* @__PURE__ */ e(
-                            t,
-                            {
-                              tag: "p",
-                              variant: "h4B",
-                              inlineCSS: {
-                                marginLeft: a.content(1),
-                                color: w.primary.text
-                              },
-                              children: h.toLocaleString()
-                            }
-                          ),
-                          /* @__PURE__ */ i(
-                            t,
-                            {
-                              tag: "span",
-                              variant: "b5R",
-                              color: "grey.70",
-                              inlineCSS: {
-                                marginLeft: a.content(0.5)
-                              },
-                              children: [
-                                "(",
-                                p.toLocaleString(),
-                                ")"
-                              ]
-                            }
-                          )
-                        ] }) : /* @__PURE__ */ e(
-                          t,
-                          {
-                            tag: "p",
-                            variant: "h4R",
-                            color: "grey.70",
-                            inlineCSS: {
-                              marginLeft: a.content(1)
-                            },
-                            children: "집계중"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ i(
-          r,
-          {
-            flexDirection: "column",
-            inlineCSS: {
-              position: "relative"
-            },
-            children: [
-              (!l.summary || !l.aboutMe) && !l.placeholder && /* @__PURE__ */ i(
-                t,
-                {
-                  tag: "p",
-                  variant: "b4R",
-                  color: "grey.70",
-                  "aria-label": "작성된 프로필 소개가 없어요.",
-                  inlineCSS: {
-                    "& > span": {
-                      color: D.red
-                    }
-                  },
-                  children: [
-                    /* @__PURE__ */ e("span", { "aria-hidden": !0, children: "(필수)" }),
-                    " 프로필 소개를 작성하세요."
-                  ]
-                }
-              ),
-              (!l.summary || !l.aboutMe) && l.placeholder && l.placeholder,
-              l.summary && l.aboutMe && /* @__PURE__ */ i(C, { children: [
-                l.status === "REJECTED" && /* @__PURE__ */ e(t, { role: "status", visuallyHidden: !0, children: "프로필 소개가 반려되었어요. 다시 작성해주세요." }),
-                /* @__PURE__ */ i(
-                  t,
-                  {
-                    tag: "dl",
-                    variant: "b4M",
-                    color: l.status === "REJECTED" ? "grey.30" : void 0,
-                    inlineCSS: {
-                      display: "flex",
-                      alignItems: "center"
-                    },
-                    children: [
-                      l.status === "REJECTED" && /* @__PURE__ */ e(
-                        d,
-                        {
-                          name: "AlertFill",
-                          size: "xSmall",
-                          color: "etc.red",
-                          inlineCSS: {
-                            marginRight: a.content(1)
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ e(r, { tag: "dt", visuallyHidden: !0, children: "한 줄 소개" }),
-                      /* @__PURE__ */ e("dd", { children: l.summary })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ i(
-                  t,
-                  {
-                    ref: b,
-                    id: "about-me",
-                    tag: "dl",
-                    variant: "b4R",
-                    color: l.status === "REJECTED" ? "grey.30" : "grey.70",
-                    lineClamp: m ? void 0 : 4,
-                    inlineCSS: {
-                      marginTop: a.content(2),
-                      whiteSpace: "pre-wrap"
-                    },
-                    children: [
-                      /* @__PURE__ */ e(r, { tag: "dt", visuallyHidden: !0, children: "자기소개" }),
-                      /* @__PURE__ */ e("dd", { children: l.aboutMe })
-                    ]
-                  }
-                )
-              ] }),
-              z && /* @__PURE__ */ e(
-                A,
-                {
-                  variant: "text",
-                  size: "xSmall",
-                  color: "secondary",
-                  endAdornment: /* @__PURE__ */ e(d, { name: m ? "ChevronUpLine" : "ChevronDownLine" }),
-                  onClick: M,
-                  "aria-expanded": m,
-                  "aria-controls": "about-me",
-                  inlineCSS: {
-                    marginLeft: "auto"
-                  },
-                  children: m ? "접기" : "더 보기"
-                }
-              )
-            ]
-          }
-        ),
-        k
-      ]
-    }
-  );
+import e from "../../../../shared/components/Image/index.mjs";
+import { getLastActiveText as t } from "./ProfileSummary.utils.mjs";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { Button as a, Flexbox as o, Icon as s, Label as c, Typography as l } from "@dotss/ui";
+import u from "@dotss/ui/core/useTheme";
+import d from "dayjs";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region teacher/profile/components/ProfileSummary/ProfileSummary.tsx
+function h({ avatar: h, introduction: g, name: _, grade: v, activeHours: y = 0, rating: b = 0, reviewCount: x = 0, adornment: S, lastActiveAt: C, action: w }) {
+	let { palette: { background: T, brand: E, etc: D }, spacing: O } = u(), [k, A] = i(!1), [j, M] = i(!1), N = r(null), P = y > 0 || x > 0, F = C ? d(C) : null, I = F ? t(F) : null;
+	return n(() => {
+		let e = () => {
+			if (!N.current) return;
+			let e = N.current, t = parseInt(window.getComputedStyle(e).lineHeight), n = e.scrollHeight;
+			M(Math.ceil(n / t) > 4);
+		};
+		return e(), window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [g.aboutMe]), /* @__PURE__ */ m(o, {
+		tag: "section",
+		flexDirection: "column",
+		gap: 4,
+		"aria-label": "선생님 프로필 요약 정보",
+		inlineCSS: { width: "100%" },
+		children: [
+			/* @__PURE__ */ m(o, {
+				alignItems: "center",
+				gap: 4,
+				children: [/* @__PURE__ */ m(o, {
+					flexDirection: "column",
+					gap: 2,
+					alignItems: "center",
+					justifyContent: "center",
+					children: [/* @__PURE__ */ m(o, {
+						role: typeof h.onClick == "function" ? "button" : void 0,
+						tabIndex: typeof h.onClick == "function" ? 0 : -1,
+						onKeyDown: (e) => {
+							switch (e.key) {
+								case "Enter":
+									e.preventDefault(), h.onClick?.(e);
+									break;
+								case " ":
+									e.preventDefault(), h.onClick?.(e);
+									break;
+							}
+						},
+						onClick: h.onClick,
+						alignItems: "center",
+						justifyContent: "center",
+						flexDirection: "column",
+						gap: 2,
+						inlineCSS: {
+							position: "relative",
+							cursor: typeof h.onClick == "function" ? "pointer" : void 0
+						},
+						children: [
+							h.src && /* @__PURE__ */ p(e, {
+								width: 88,
+								height: 88,
+								src: h.src,
+								alt: `${_} 선생님 프로필 이미지`,
+								fit: "cover",
+								borderRadius: 100,
+								role: "presentation",
+								style: { objectFit: "cover" }
+							}),
+							h.adornment,
+							!h.src && !h.placeholder && /* @__PURE__ */ m(o, {
+								role: "status",
+								flexDirection: "column",
+								alignItems: "center",
+								justifyContent: "center",
+								inlineCSS: {
+									width: 88,
+									height: 88,
+									backgroundColor: T.primary,
+									borderRadius: 100
+								},
+								children: [/* @__PURE__ */ p(l, {
+									tag: "p",
+									variant: "c3M",
+									color: "grey.70",
+									"aria-label": "등록된 프로필 사진이 없어요.",
+									children: "프로필 사진"
+								}), /* @__PURE__ */ p(l, {
+									tag: "span",
+									variant: "c5R",
+									color: "etc.red",
+									"aria-hidden": !0,
+									children: "(필수)"
+								})]
+							}),
+							!h.src && h.placeholder && h.placeholder,
+							/* @__PURE__ */ p(o, {
+								"aria-hidden": !0,
+								inlineCSS: {
+									position: "absolute",
+									top: 0,
+									left: 0,
+									width: "100%",
+									height: "100%",
+									border: "1px solid rgba(0, 0, 0, 0.05)",
+									borderRadius: 100
+								}
+							}),
+							h.status === "REJECTED" && /* @__PURE__ */ m(f, { children: [
+								/* @__PURE__ */ p(o, {
+									alignItems: "center",
+									justifyContent: "center",
+									inlineCSS: {
+										position: "absolute",
+										top: 0,
+										left: 0,
+										width: "100%",
+										height: "100%",
+										opacity: .8,
+										borderRadius: 100,
+										backgroundColor: T.primary,
+										zIndex: 1
+									}
+								}),
+								/* @__PURE__ */ p(s, {
+									name: "AlertFill",
+									size: "xSmall",
+									color: "etc.red",
+									inlineCSS: {
+										position: "absolute",
+										top: "50%",
+										left: "50%",
+										transform: "translate(-50%, -50%)",
+										zIndex: 1
+									}
+								}),
+								/* @__PURE__ */ p(l, {
+									role: "status",
+									visuallyHidden: !0,
+									children: "프로필 사진이 반려되었어요. 다시 등록해주세요."
+								})
+							] })
+						]
+					}), F?.isValid() && /* @__PURE__ */ p(l, {
+						tag: "p",
+						variant: "c3M",
+						color: "grey.50",
+						inlineCSS: { visibility: I ? void 0 : "hidden" },
+						children: I || "활동 정보 없음"
+					})]
+				}), /* @__PURE__ */ m(o, {
+					flexDirection: "column",
+					justifyContent: "flex-start",
+					gap: 3,
+					flexGrow: 1,
+					children: [/* @__PURE__ */ m(o, {
+						alignItems: "center",
+						gap: 2,
+						flexWrap: "wrap",
+						children: [
+							v && /* @__PURE__ */ p(c, {
+								variant: "outlined",
+								size: "small",
+								color: "blue",
+								"aria-label": `${v} 등급`,
+								children: v
+							}),
+							/* @__PURE__ */ m(l, {
+								tag: "p",
+								variant: "h2B",
+								"aria-label": `${_} 선생님`,
+								inlineCSS: {
+									flexGrow: 1,
+									"& > span": {
+										marginLeft: O.content(1),
+										fontWeight: 400
+									}
+								},
+								children: [_, /* @__PURE__ */ p("span", {
+									"aria-hidden": !0,
+									children: "선생님"
+								})]
+							}),
+							/* @__PURE__ */ p(o, {
+								alignItems: "center",
+								inlineCSS: { maxHeight: 30 },
+								children: S
+							})
+						]
+					}), /* @__PURE__ */ m(o, {
+						pl: 4,
+						pr: 4,
+						pt: 2,
+						pb: 2,
+						justifyContent: "space-around",
+						alignItems: "center",
+						gap: 5,
+						"aria-hidden": !P,
+						inlineCSS: {
+							borderRadius: 8,
+							backgroundColor: T.primary,
+							visibility: P ? void 0 : "hidden"
+						},
+						children: [/* @__PURE__ */ m(o, {
+							alignItems: "center",
+							role: "group",
+							"aria-label": `누적 수업 ${y}시간`,
+							inlineCSS: { whiteSpace: "nowrap" },
+							children: [
+								/* @__PURE__ */ p(s, {
+									name: "TimeLine",
+									size: "xSmall",
+									color: "grey.70"
+								}),
+								/* @__PURE__ */ p(l, {
+									tag: "p",
+									variant: "h4B",
+									inlineCSS: {
+										marginLeft: O.content(1),
+										color: E.primary.text
+									},
+									children: y.toLocaleString()
+								}),
+								/* @__PURE__ */ p(l, {
+									tag: "span",
+									variant: "b5R",
+									color: "grey.70",
+									inlineCSS: { marginLeft: O.content(.5) },
+									children: "시간"
+								})
+							]
+						}), /* @__PURE__ */ m(o, {
+							alignItems: "center",
+							role: "group",
+							"aria-label": b > 0 ? `평점 ${b}, 리뷰 ${x}개` : `평점 집계중, 리뷰 ${x}개`,
+							inlineCSS: { whiteSpace: "nowrap" },
+							children: [/* @__PURE__ */ p(s, {
+								name: "ReviewLine",
+								size: "xSmall",
+								color: "grey.70"
+							}), b > 0 ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, {
+								tag: "p",
+								variant: "h4B",
+								inlineCSS: {
+									marginLeft: O.content(1),
+									color: E.primary.text
+								},
+								children: b.toLocaleString()
+							}), /* @__PURE__ */ m(l, {
+								tag: "span",
+								variant: "b5R",
+								color: "grey.70",
+								inlineCSS: { marginLeft: O.content(.5) },
+								children: [
+									"(",
+									x.toLocaleString(),
+									")"
+								]
+							})] }) : /* @__PURE__ */ p(l, {
+								tag: "p",
+								variant: "h4R",
+								color: "grey.70",
+								inlineCSS: { marginLeft: O.content(1) },
+								children: "집계중"
+							})]
+						})]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ m(o, {
+				flexDirection: "column",
+				inlineCSS: { position: "relative" },
+				children: [
+					(!g.summary || !g.aboutMe) && !g.placeholder && /* @__PURE__ */ m(l, {
+						tag: "p",
+						variant: "b4R",
+						color: "grey.70",
+						"aria-label": "작성된 프로필 소개가 없어요.",
+						inlineCSS: { "& > span": { color: D.red } },
+						children: [/* @__PURE__ */ p("span", {
+							"aria-hidden": !0,
+							children: "(필수)"
+						}), " 프로필 소개를 작성하세요."]
+					}),
+					(!g.summary || !g.aboutMe) && g.placeholder && g.placeholder,
+					g.summary && g.aboutMe && /* @__PURE__ */ m(f, { children: [
+						g.status === "REJECTED" && /* @__PURE__ */ p(l, {
+							role: "status",
+							visuallyHidden: !0,
+							children: "프로필 소개가 반려되었어요. 다시 작성해주세요."
+						}),
+						/* @__PURE__ */ m(l, {
+							tag: "dl",
+							variant: "b4M",
+							color: g.status === "REJECTED" ? "grey.30" : void 0,
+							inlineCSS: {
+								display: "flex",
+								alignItems: "center"
+							},
+							children: [
+								g.status === "REJECTED" && /* @__PURE__ */ p(s, {
+									name: "AlertFill",
+									size: "xSmall",
+									color: "etc.red",
+									inlineCSS: { marginRight: O.content(1) }
+								}),
+								/* @__PURE__ */ p(o, {
+									tag: "dt",
+									visuallyHidden: !0,
+									children: "한 줄 소개"
+								}),
+								/* @__PURE__ */ p("dd", { children: g.summary })
+							]
+						}),
+						/* @__PURE__ */ m(l, {
+							ref: N,
+							id: "about-me",
+							tag: "dl",
+							variant: "b4R",
+							color: g.status === "REJECTED" ? "grey.30" : "grey.70",
+							lineClamp: k ? void 0 : 4,
+							inlineCSS: {
+								marginTop: O.content(2),
+								whiteSpace: "pre-wrap"
+							},
+							children: [/* @__PURE__ */ p(o, {
+								tag: "dt",
+								visuallyHidden: !0,
+								children: "자기소개"
+							}), /* @__PURE__ */ p("dd", { children: g.aboutMe })]
+						})
+					] }),
+					j && /* @__PURE__ */ p(a, {
+						variant: "text",
+						size: "xSmall",
+						color: "secondary",
+						endAdornment: /* @__PURE__ */ p(s, { name: k ? "ChevronUpLine" : "ChevronDownLine" }),
+						onClick: () => A((e) => !e),
+						"aria-expanded": k,
+						"aria-controls": "about-me",
+						inlineCSS: { marginLeft: "auto" },
+						children: k ? "접기" : "더 보기"
+					})
+				]
+			}),
+			w
+		]
+	});
 }
-export {
-  Y as default
-};
+//#endregion
+export { h as default };