<template>
  <div class="tool-container">
    <schedule-add @on-success="handleSuccess" />

    <schedule-remove-all-job
      style="margin-left:20px"
      @success="handleSuccess"
    />

    <schedule-state
      style="margin-left:20px"
      @success="handleSuccess"
    />
  </div>
</template>

<script lang="ts" setup>
import { defineEmits } from 'vue'

const emit = defineEmits(['success'])

const handleSuccess = () => {
  emit('success')
}
</script>

<style lang="scss" scoped>
.tool-container {
  display: flex;
}
</style>
