Search Bar#

import {
  SearchBar,
  SearchBarInput,
  SearchBarLeftItem,
  SearchBarRightItem,
} from "@/components/search-bar/SearchBar";

<SearchBar>
  <SearchBarLeftItem>
    <img src={magnifyingIcon} alt="magnifying icon loupe" />
  </SearchBarLeftItem>
  <SearchBarRightItem>
    <span>Ctrl K</span>
  </SearchBarRightItem>
  <SearchBarInput placeholder="Quick search..." name="search" />
</SearchBar>