<script>export let selected = false;
</script>

<img
  src={selected ? '/images/check-circle-outlined-selected.svg' : '/images/check-circle-outlined.svg'}
  alt="checkmark"
  class="checkmark"
/>

<style>
  .checkmark {
    /* Left Content */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 8px 0px 0px;

    width: 32px;
    height: 24px;

    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
  }
</style>
