<template>
  <div class="cell-wrapper">
    <div class="cell-wrapper__fixed"><slot name="head" /></div>
    <div class="cell-wrapper__item"><slot /></div>
    <div class="cell-wrapper__fixed"><slot name="action" /></div>
  </div>
</template>

<script>
export default {
  setup(props) {
    
  }
}
</script>

<style lang="less" scoped>
.cell-wrapper {
  padding: 1em;
  background-color: #fff;
  display: flex;
  align-items: center;

  &__item {
    flex: auto;
  }

  &__fixed {
    flex: none;
  }
}
</style>
