From 46d323318683d959ba1fb901ad8943c1089ee3d4 Mon Sep 17 00:00:00 2001
From: YuHyun <puh0128@gmail.com>
Date: Fri, 29 Dec 2023 02:40:29 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20QuizGuide=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=20className=20prop=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[#304]
---
 .../src/components/quiz/QuizGuide/QuizGuide.tsx     | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/quiz/QuizGuide/QuizGuide.tsx b/packages/frontend/src/components/quiz/QuizGuide/QuizGuide.tsx
index 8a51450..fa04b0d 100644
--- 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"