feat: AccordionDetail 컴포넌트 className prop 추가

[#304]
boostcampwm2023 · Feb 3, 2024 · 763155f · 763155f
1 parent 80eaf0d
commit 763155f
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/packages/frontend/src/design-system/components/common/Accordion/AccordionDetails.tsx b/packages/frontend/src/design-system/components/common/Accordion/AccordionDetails.tsx
@@ -3,15 +3,19 @@ import { type ReactNode, useEffect, useRef } from "react";
 import { useAccordion } from "./AccordionContextProvider";
 
 interface AccordionDetailsProps {
+  className?: string;
   children: ReactNode;
 }
 
-export default function AccordionDetails({ children }: AccordionDetailsProps) {
+export default function AccordionDetails({
+  className,
+  children,
+}: AccordionDetailsProps) {
   const detailsRef = useRef<HTMLDetailsElement>(null);
   const accordionContext = useAccordion();
   if (!accordionContext) {
     throw new Error(
-      "Accordion.Details 컴포넌트는 Accordion 컴포넌트로 래핑해야 합니다."
+      "Accordion.Details 컴포넌트는 Accordion 컴포넌트로 래핑해야 합니다.",
     );
   }
 
@@ -45,7 +49,12 @@ export default function AccordionDetails({ children }: AccordionDetailsProps) {
   }, [onChange, open]);
 
   return (
-    <details ref={detailsRef} style={{ width }} open={open}>
+    <details
+      ref={detailsRef}
+      style={{ width }}
+      open={open}
+      className={className}
+    >
       {children}
     </details>
   );