10 lines
331 B
React
10 lines
331 B
React
|
import { Input, InputGroup } from "@chakra-ui/react";
|
||
|
|
import { FiSearch } from "react-icons/fi"
|
||
|
|
|
||
|
|
export function SearchBar({ placeholder="Search...", size="sm", width="200px"}) {
|
||
|
|
return (
|
||
|
|
<InputGroup startElement={<FiSearch />}>
|
||
|
|
<Input placeholder="Enter volcano to search" />
|
||
|
|
</InputGroup>
|
||
|
|
);
|
||
|
|
}
|