<script setup lang="ts">
import type { TextControl } from "@/components/inspector/controls";
import BaseNamedControlView from "./BaseNamedControlView.vue";

const {
  control,
} = defineProps<{
  control: TextControl;
}>();

</script>

<template>
  <BaseNamedControlView :control>
    <div>
      <textarea rows="4" v-model="control.ref.value" :disabled="control.disabled" :readonly="control.readonly"
        class="tw:w-full tw:max-w-full tw:block tw:resize-none input-text" :class="{ 'tw:font-mono': control.monospace }"
        spellcheck="false" />
    </div>
  </BaseNamedControlView>
</template>

<style scoped></style>
