<template>
  <div class="sql-container">
    <SQLCodeMirror v-if="activeColumnTab === 'proc'" :data="procStr" :dbType="dbType" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import SQLCodeMirror from '@/components/codemirror/SQLCodeMirror.vue'

const activeColumnTab = ref('proc')
const procStr = ref('SELECT * FROM users LIMIT 100;')
const dbType = ref('MYSQL')
</script>

<style scoped>
.sql-container {
  padding: 16px;
  background: #fafafa;
  height: 100vh;
}
</style>
