<template>
  <div class="grid gap-4">
    <AisTextarea
        placeholder="AIS textarea"
        v-model="sampleText"
        name="example"
        rows="3" 
        size="lg"
    />

    <div v-if="sampleText"
         class="bg-gray-100 border border-ui-gray-100
                rounded p-4 text-lg"
    >
      {{sampleText}}
    </div>
  </div>
</template>

<script setup>
  import { ref } from 'vue'
  import AisTextarea from '@/components/textarea/AisTextarea.vue'

  const sampleText = ref('')
</script>
