import { useState } from "react";
import { DropdownButton, Dropdown } from "react-bootstrap";

const BudgetPeriodForm = () => {
  const [tmp, setTmp] = useState(0);

    return (
      <div className="budget-period-form">
        <h1>Choose Budget Period</h1>
        <DropdownButton id="dropdown-basic-button" title="Select budget period">
          <Dropdown.Item href="#/action-1">Weekly</Dropdown.Item>
          <Dropdown.Item href="#/action-2">Bi-Weekly</Dropdown.Item>
          <Dropdown.Item href="#/action-3">Bi-Monthly</Dropdown.Item>
          <Dropdown.Item href="#/action-4">Monthly</Dropdown.Item>
        </DropdownButton>
      </div>
    );
  }
  
  export default BudgetPeriodForm;