<script>
  export let id;
  export let unitId;
</script>

<style>
  div {
    @apply flex;
  }

  input {
    @apply flex-grow mr-1;
  }
</style>

<div>
  <input {id} type="number" required />
  <select id={unitId}>
    <option value="s">seconds</option>
    <option value="m">minutes</option>
    <option value="h">hours</option>
    <option value="d">days</option>
    <option value="m">months</option>
    <option value="y">years</option>
  </select>
</div>
