<script lang="ts">
  export let size: 'sm' | 'md' | 'lg' = 'md';
</script>

<div class="spacer {size}"></div>

<style>
  .spacer {
    width: 100%;
  }

  .spacer.sm {
    height: 0.75em;
  }

  .spacer.md {
    height: 1.5em;
  }

  .spacer.lg {
    height: 2.25em;
  }
</style>
