28 lines
823 B
TypeScript
28 lines
823 B
TypeScript
|
import Button from '@mui/joy/Button';
|
||
|
|
import FormControl from '@mui/joy/FormControl';
|
||
|
|
import Input from '@mui/joy/Input';
|
||
|
|
import Stack from '@mui/joy/Stack';
|
||
|
|
import SearchRoundedIcon from '@mui/icons-material/SearchRounded';
|
||
|
|
import Typography from '@mui/joy/Typography';
|
||
|
|
|
||
|
|
export default function Search() {
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<Stack spacing={1} direction="row" sx={{ mb: 2 }}>
|
||
|
|
<FormControl sx={{ flex: 1 }}>
|
||
|
|
<Input
|
||
|
|
placeholder="Search"
|
||
|
|
value={'Melbourne'}
|
||
|
|
startDecorator={<SearchRoundedIcon />}
|
||
|
|
aria-label="Search"
|
||
|
|
/>
|
||
|
|
</FormControl>
|
||
|
|
<Button variant="solid" color="primary">
|
||
|
|
Search
|
||
|
|
</Button>
|
||
|
|
</Stack>
|
||
|
|
<Typography level="body-sm">232 stays in Melbourne, Australia</Typography>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|