<template>
  <textarea class="trifle-textarea" :rows="rows" :placeholder="placeholder"/>
</template>

<script>
export default {
  name: 'Textarea',
  props: {
    name: {
      type: String,
      default: '',
    },
    rows: {
      type: Number,
      default: 4,
    },
    placeholder: {
      type: String,
      default: '',
    },
  },
}
</script>

<style lang="scss" scoped>
@import '../const/variable.scss';

.trifle-textarea {
  border: 1px solid palette(gray, base);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  padding: 4px 11px;
}
</style>

