<template>
  <div class="ui-list-item">
    <div class="ui-list-item__main">
      <slot></slot>
    </div>
    <div class="ui-list-item__addon" v-if="$slots.addon">
      <slot name="addon"></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'UiListItem'
}
</script>
<style lang="less">
.ui-list-item {
  display: flex;
  flex-direction: row;
}
.ui-list-item__main {
  flex: 1;
  min-width: 0;
}
</style>
