export default {
    //emits: ['onSearch', 'onClear'],
    props: {
        colsWidthSum: { type: Number, required: true }
    },
    data() {
        return {
            //showClear: false
        }
    },
    created: function () {
        setTimeout(function () {
            SetDoubleScroll();
        }, 50);
    },
    updated: function () {
        //setTimeout(function () {
        //    SetDoubleScroll();
        //}, 100);
    },
    methods: {
        styleWidthHandler: function () {
            return 'width:' + this.colsWidthSum + 'px; max-width:' + this.colsWidthSum + 'px;';
        }
    },
    template: `
<div class="card">
    <div class="body">
        <div class="clearfix">
            <div class="double-scroll-wrapper1">
                <div :style="styleWidthHandler()"></div>
            </div>
            <div class="double-scroll-wrapper2" >
                <div :style="styleWidthHandler()">
                    <slot></slot>
                </div>
            </div>
        </div>
    </div>
</div>

`
}