From c1f7f07020ad249a686495366327db88fc3fe3a2 Mon Sep 17 00:00:00 2001
From: jaeml06 <jaeml0630@gmail.com>
Date: Sun, 28 Jul 2024 11:19:56 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20HomeHeader=EC=97=90=20=EB=94=94?=
 =?UTF-8?q?=EC=9E=90=EC=9D=B8=20=EC=8B=9C=EC=8A=A4=ED=85=9C=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9=20=ED=85=8C=EC=8A=A4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../layouts/HomeLayout.tsx/HomeHeader/HomeHeader.style.ts  | 7 +++----
 .../src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.tsx   | 4 +++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.style.ts b/frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.style.ts
index 48b7e0490..af44fcadd 100644
--- a/frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.style.ts
+++ b/frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.style.ts
@@ -1,10 +1,9 @@
-import { css } from '@emotion/react';
+import { css, Theme } from '@emotion/react';
 
 export const headerStyle = css`
   padding: 14px 22px;
 `;
 
-export const logoStyle = css`
-  font-size: 22px;
-  font-weight: 700;
+export const logoStyle = (props: { theme: Theme }) => css`
+  ${props.theme.typography.h5}
 `;
diff --git a/frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.tsx b/frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.tsx
index 9ba1309da..61ac60a81 100644
--- a/frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.tsx
+++ b/frontend/src/layouts/HomeLayout.tsx/HomeHeader/HomeHeader.tsx
@@ -1,12 +1,14 @@
 import { PropsWithChildren } from 'react';
 import * as S from './HomeHeader.style';
+import { useTheme } from '@emotion/react';
 
 export default function HomeHeader(props: PropsWithChildren) {
   const { children } = props;
+  const theme = useTheme();
 
   return (
     <header css={S.headerStyle}>
-      <h1 css={S.logoStyle}>{children}</h1>
+      <h1 css={S.logoStyle({ theme })}>{children}</h1>
     </header>
   );
 }