feat(SW-184): added main components for new header
This commit is contained in:
12
components/Header/TopMenu/Search/index.tsx
Normal file
12
components/Header/TopMenu/Search/index.tsx
Normal file
@@ -0,0 +1,12 @@
|
||||
import { SearchIcon } from "@/components/Icons"
|
||||
|
||||
import Button from "../Button"
|
||||
|
||||
export default function Search() {
|
||||
return (
|
||||
<Button>
|
||||
<SearchIcon width={20} height={20} color="burgundy" />
|
||||
<span>Find Booking</span>
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
9
components/Header/TopMenu/Search/search.module.css
Normal file
9
components/Header/TopMenu/Search/search.module.css
Normal file
@@ -0,0 +1,9 @@
|
||||
.button {
|
||||
background-color: transparent;
|
||||
color: var(--Base-Text-High-contrast);
|
||||
border-width: 0;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
gap: var(--Spacing-x1);
|
||||
align-items: center;
|
||||
}
|
||||
Reference in New Issue
Block a user