005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
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>
|
|
);
|
|
}
|