import { Button, Container, Stack, Typography } from '@mui/material';
import { Link as RouterLink } from 'react-router-dom';

export const HomeScreen = () => (
  <Container sx={{ py: 4 }}>
    <Typography variant="h4" gutterBottom>
      StockFill
    </Typography>
    <Stack spacing={2}>
      <Button component={RouterLink} to="/start" variant="contained">
        Start New Pick List
      </Button>
      <Button component={RouterLink} to="/pick-lists" variant="outlined">
        View Pick Lists
      </Button>
      <Button component={RouterLink} to="/products" variant="outlined">
        Manage Products
      </Button>
      <Button component={RouterLink} to="/areas" variant="outlined">
        Manage Areas
      </Button>
      <Button component={RouterLink} to="/scan" variant="outlined">
        Scan Barcode
      </Button>
    </Stack>
  </Container>
);