<template>
    <tr>
        <td style="width: 20px;"><i class="fa fa-times-circle validation-icon" v-if='invalid' :id="'ico_' + id" :name="'ico_' + id"></i></td>
        <td style="width: 150px;"><span class="text-dark label"><strong>{{label}}</strong><br></span></td>
        <td colspan="2">
            <slot></slot>
        </td>
        <td style="width: 20px;"></td>
    </tr>
</template>
<script lang="ts">
export default {
    name: 'RowForm',
    props: {
        id: { type: String, default: '' },
        name: { type: String, default: '' },
        label: { type: String, default: '' },
        invalid: { type: Boolean, default: false },
    },
}
</script>
<style scoped>
.validation-icon{
    color: #946464;
}

.label{
    font-size: var(--input-label-font-size);
    color: var(--label-form-color);
}
</style>