feat: QuizGuide 컴포넌트 className prop 추가

[#304]
boostcampwm2023 · Dec 29, 2023 · 32b3def · 32b3def
1 parent 775df5d
commit 32b3def
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/frontend/src/components/quiz/QuizGuide/QuizGuide.tsx b/packages/frontend/src/components/quiz/QuizGuide/QuizGuide.tsx
@@ -7,7 +7,12 @@ import QuizContent from "../QuizContent";
 
 import * as styles from "./QuizGuide.css";
 
-export function QuizGuide({ quiz }: { quiz: Quiz }) {
+interface QuizGuideProps {
+  quiz: Quiz;
+  keywordsClassName?: string;
+}
+
+export function QuizGuide({ quiz, keywordsClassName }: QuizGuideProps) {
   const { modalOpen, openModal, closeModal } = useModal();
 
   return (
@@ -21,7 +26,11 @@ export function QuizGuide({ quiz }: { quiz: Quiz }) {
           title={quiz.title}
           description={quiz.description}
         />
-        <CommandAccordion width="100%" items={quiz.keywords} />
+        <CommandAccordion
+          width="100%"
+          items={quiz.keywords}
+          className={keywordsClassName}
+        />
         <Button
           className={styles.checkAnswerButton}
           variant="secondaryFill"