From 6c81b3245d982d74e3c3a8b4e23aa9e242ed6eac Mon Sep 17 00:00:00 2001
From: seoyeong <bsy0313@gmail.com>
Date: Mon, 22 Jan 2024 01:06:04 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20SearchBar=20=EB=94=94=EC=9E=90=EC=9D=B8?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80=20#106?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/shared/search-bar/SearchBar.module.scss | 4 ++++
 src/components/shared/search-bar/SearchBar.tsx         | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/shared/search-bar/SearchBar.module.scss b/src/components/shared/search-bar/SearchBar.module.scss
index 7e43d01e..63be016b 100644
--- a/src/components/shared/search-bar/SearchBar.module.scss
+++ b/src/components/shared/search-bar/SearchBar.module.scss
@@ -8,6 +8,10 @@
     gap: 11.5px;
     background-color: var(--tertiary-200);
 
+    &.white {
+        background-color: var(--white);
+    }
+
     input {
         flex-grow: 1;
         height: 100%;
diff --git a/src/components/shared/search-bar/SearchBar.tsx b/src/components/shared/search-bar/SearchBar.tsx
index 71d84a57..653e0d44 100644
--- a/src/components/shared/search-bar/SearchBar.tsx
+++ b/src/components/shared/search-bar/SearchBar.tsx
@@ -12,7 +12,7 @@ import styles from './SearchBar.module.scss';
 
 const cx = classNames.bind(styles);
 
-function SearchBar() {
+function SearchBar({ isWhite = false }:{ isWhite?:boolean }) {
   const [keyword, setKeyword] = useState<string>('');
 
   const handleSearch = () => {
@@ -22,7 +22,7 @@ function SearchBar() {
 
   return (
     <form
-      className={cx('container')}
+      className={cx('container', { white: isWhite })}
       onSubmit={(e) => {
         e.preventDefault();
         handleSearch();