<template>
  <div class="ui-chart-quota-group">
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: 'UiChartQuotaGroup'
}
</script>
<style lang="less">
.ui-chart-quota-group{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  .ui-chart-quota{
    min-width: 0;
    &:not(:first-child) {
      padding-left: 24px;
      position: relative;
    }
    &:not(:last-child) {
      padding-right: 24px;
    }
  }
}
</style>
