web_app/frontend/src/components/ButtonGrid.jsx

//ButtonGrid.jsx
import React from 'react';
import { Button, Grid } from '@mui/material';

const ButtonGrid = ({ setAgentType }) => {
  return (
    <>
      <Grid item xs={4}>
        <Button variant="contained" fullWidth onClick={() => {
          setAgentType("home_owner_agent");
          console.log("Agent type set to home_owner_agent");
        }}>
          I am a home owner
        </Button>
      </Grid>
      <Grid item xs={4}>
        <Button variant="contained" fullWidth onClick={() => {
          setAgentType("contractor_agent");
          console.log("Agent type set to contractor_agent");
        }}>
          I am a contractor
        </Button>
      </Grid>
      <Grid item xs={4}>
        <Button variant="contained" fullWidth>
          I want to be contacted
        </Button>
      </Grid>
    </>
  );
};


export default ButtonGrid;