<template>
  <el-row class="wrapper layout-grid-line">
    <el-col :span="span">
      <pre>
{{
  `
    import TimeTabPane from '@/components/base/TimeTabPane/index.vue'
    <TimeTabPane @time-click="handleTimeClick" />
  `
}}
      </pre>
      <div class="time-box">
        <TimeTabPane @time-click="handleTimeClick" />
      </div>

    </el-col>

  </el-row>
</template>

<script setup>
import { ref } from 'vue'
import '@/styles/common.scss'
import TimeTabPane from '@/components/base/TimeTabPane/index.vue'
const span = 12

const handleTimeClick = (val) => {
  console.log('val',val);
  
}


</script>

<style lang="scss" scoped>
.time-box {
  width: 700px;
  height: 400px;
  padding: 100px;
  background: #F2F8FF;
  border: 1px solid var(--bg-black-5);
}
</style>