import React, { useState } from "react";

const StatusDropdown = () => {
  const [status, setStatus] = useState("cancelled"); // Initial status set to 'cancelled'

  const handleChange = (e) => {
    setStatus(e.target.value); // Update status based on dropdown selection
  };

  return (
    <select
      value={status}
      onChange={handleChange}
      style={{ width: "20px", marginRight: "20px", marginTop: "13px" }}
    >
      <option value="cancelled">Cancelled</option>
      <option value="inprogress">In Progress</option>
      <option value="complete">Complete</option>
      <option value="booked">Booked</option>
    </select>
  );
};

export default StatusDropdown;
