<template>
  <view>
    <view class="mx-4 p-2 rounded-2">
      <Input
        :id="0"
        value="单行"
        title="单行文本"
        :required="true"
        placeholder="单行文本"
        @change="inputChange"
      ></Input>
      <wd-divider color="#bcbfbe"></wd-divider>
      <Textarea
        :id="1"
        title="多行文本"
        :required="false"
        placeholder="多行文本"
        @change="textareaChange"
      ></Textarea>
      <wd-divider color="#bcbfbe"></wd-divider>
    </view>
  </view>
</template>

<script setup lang="ts">
  import Input from '@/pages/approval/components/Input.vue'
  import Textarea from '@/pages/approval/components/Textarea.vue'

  const inputChange = e => {
    console.log('inputChange', e)
  }

  const textareaChange = e => {
    console.log('textareaChange', e)
  }
</script>

<style lang="scss" scoped>
  .wd-divider {
    padding: 0 0.5rem;
  }
</style>
