<script setup>
</script>

<template>
  <div class="pankow-input-group">
    <slot></slot>
  </div>
</template>

<style>

.pankow-input-group {
  display: flex;
  flex-direction: row;
}

.pankow-input-group > * {
  margin: 0;
  border-radius: 0;
}

.pankow-input-group > :first-child {
  border-top-left-radius: var(--pankow-border-radius);
  border-bottom-left-radius: var(--pankow-border-radius);
}

.pankow-input-group > :last-child {
  border-top-right-radius: var(--pankow-border-radius);
  border-bottom-right-radius: var(--pankow-border-radius);
}

</style>
