<template>
  <el-row>
    <el-col :span="24" class="tool-bar">
      <el-tooltip placement="top" effect="light">
        <template #content>刷新</template>
        <el-button size="small" @click="emits('refresh')">
          <el-icon><Refresh /></el-icon>
        </el-button>
      </el-tooltip>
      <slot></slot>
      <div style="position: absolute; right: 15px">
        <slot name="rightContent"></slot>
      </div>
    </el-col>
  </el-row>
</template>

<script lang="ts" setup>
const emits = defineEmits(["refresh", "downCurrent", "downAll"]);
</script>
<style lang="scss" scoped>
.tool-bar {
  display: flex;
  align-items: center;
}
</style>
