+
+ {/* 탭 버튼 */}
+ {VOTE_TAB_OPTIONS.map((tab) => (
+
+ ))}
+
+
+ {/* 탭 컨텐츠 */}
+ {activeTab === "Vote" ? (
+ candidates ? (
+ candidates.candidateType === "PART_LEADER" ? (
+
+ candidate.part === "FRONTEND")
+ .slice(0, 5),
+ }}
+ setSelectedCandidateId={setSelectedCandidateId}
+ />
+ candidate.part === "FRONTEND")
+ .slice(5),
+ }}
+ setSelectedCandidateId={setSelectedCandidateId}
+ />
+
+ ) : (
+
+ )
+ ) : null
+ ) : results ? (
+ results.candidateType === "PART_LEADER" ? (
+
result.candidate.part === "FRONTEND")
+ .slice(0, 4),
+ }}
+ />
+ ) : (
+
+ )
+ ) : null}
+
+ {activeTab === "Vote" && (
+
+ )}
+
+ );
+}
diff --git a/src/components/layouts/AuthLayout.tsx b/src/components/layouts/AuthLayout.tsx
new file mode 100644
index 0000000..a4586a9
--- /dev/null
+++ b/src/components/layouts/AuthLayout.tsx
@@ -0,0 +1,16 @@
+import { LandingLogo } from '@/icons/logo';
+
+const AuthLayout = ({ children }: { children: React.ReactNode }) => {
+ return (
+