Textarea input group with action buttons

<script setup lang="ts">
import { Field } from "@/components/ui/field"
import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea } from "@/components/ui/input-group"
</script>

<template>
  <Field class="max-w-xs">
    <InputGroup>
      <InputGroupTextarea placeholder="Share your thoughts..." class="min-h-24" />
      <InputGroupAddon align="block-end">
        <InputGroupButton variant="secondary" size="sm">Cancel</InputGroupButton>
        <InputGroupButton variant="default" size="sm" class="ml-auto">Post Comment</InputGroupButton>
      </InputGroupAddon>
    </InputGroup>
  </Field>
</template>