<template>
  <div id="inventoryFilter">
    <aside class="menu">
      <p class="menu-label">
        Availability
      </p>
      <ul class="menu-list">
        <li>
          <label class="radio">
            <input type="radio" name="availability" />
            In stock
          </label>
        </li>
        <li>
          <label class="radio">
            <input type="radio" name="availability" />
            Made to order
          </label>
        </li>
      </ul>
      <p class="menu-label">
        Category
      </p>
      <ul class="menu-list">
        <li>
          <label class="radio">
            <input type="radio" name="category" />
            Garden
          </label>
        </li>
        <li>
          <label class="radio">
            <input type="radio" name="category" />
            Beach
          </label>
        </li>
        <li>
          <label class="radio">
            <input type="radio" name="category" />
            Pets
          </label>
        </li>
      </ul>
    </aside>
  </div>
</template>

<script>
export default {
  name: "InventoryFilter"
};
</script>
