<div class:col-1={col1} class:col-2={col2} class:col-3={col3} class:col-4={col4}>
  <label for="input" class="form-label">{label}</label>
  <textarea id="input" class="form-input" placeholder="{placeholder}" bind:value on:change on:input></textarea>
</div>

<script>
    export let value;
    export let label;
    export let placeholder;

    export let col1 = false;
    export let col2 = false;
    export let col3 = false;
    export let col4 = false;
</script>

<style>
    textarea {
        width: 100%;
        min-height: 100px;
    }
</style>