<template>
    <div class="animated m-b-10" :class="[{'shake': validator.$error}]">
        <div class="row">
            <div class="col">
                <div class="form-group no-margin form-group-default" :class="[{' has-error': validator.$error}]">
                    <slot></slot>
                </div>
            </div>
        </div>
        <div class="row m-t-5">
            <div class="col">
                <validation-error-component :validator="validator"></validation-error-component>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            validator: {
                required: true
            }
        }
    }
</script>