<template>
  <div>
    <PopupWrapper width="1000px" height="600px" v-model:show="show">
      <template #top>
        <h2>의뢰 선택</h2>
      </template>
  
      <template #middle>
        <ToastGrid :ref="sampleListRef" :data="data" :columns="columns" :rowHeaders="rowHeader"/>
      </template>
  
      <template #bottom>
        <button>선택</button>
      </template>
    </PopupWrapper>
  </div>
</template>
  
<script setup lang="ts">

const show = defineModel('show', {type: Boolean, default:false});


const sampleListRef = ref();

const data= [
  {name : "TEXT", user : "TEXT", end : "TEXT" },
  {name : "TEXT", user : "TEXT", end : "TEXT" }
];

const rowHeader = ['rowNum'];

const columns = [
  { header: '의뢰 이름', name: 'name', width: 300 },
  { header: '의뢰자', name: 'user' },
  { header: '마감일자', name: 'end' },
]
</script>