/* eslint-enable prefer-const */

</script>

  {#snippet toggle(onclick)}

    <NakedButton stylePadding="0 4px" variant="ghost" {onclick}>

      <Icon name="broom-double" />

              <Popover

                bind:expanded={checkoutPopoverExpanded}

                popoverPositionRight="0"

                {#snippet toggle(onclick)}

                  <Button styleHeight="2rem" variant="secondary" {onclick}>

                    <Icon name="checkout" />Checkout<Icon name="chevron-down" />