import { LightningElement, api, track} from 'lwc';


   

    
    export default class Paginator extends LightningElement {
        @api disableButton = false;
        @api
    changeView(str){
        console.log('Here11');
        if(str === 'trueprevious'){console.log('Here1');
            this.template.querySelector('lightning-button.Previous').disabled = true;
        }
        if(str === 'falsenext'){console.log('Here2');
            this.template.querySelector('lightning-button.Next').disabled = false;
        }
        if(str === 'truenext'){console.log('Here3');
            this.template.querySelector('lightning-button.Next').disabled = true;
        }
        if(str === 'falseprevious'){console.log('Here4');
            this.template.querySelector('lightning-button.Previous').disabled = false;
        }
    }
    renderedCallback(){
          this.template.querySelector('lightning-button.Previous').disabled = true;
    }
    previousHandler1() {
        this.dispatchEvent(new CustomEvent('previous'));
    }

    nextHandler1() {
        this.dispatchEvent(new CustomEvent('next'));
    }
    FirstPageHandler1(){
        this.disableButton=true;
        this.dispatchEvent(new CustomEvent('firstpage'));
    }
    LastPageHandler1(){
        this.dispatchEvent(new CustomEvent('lastpage'));
    }
    changeHandler(event){
        console.log('Here');
        event.preventDefault();
        const s_value = event.target.value;
        const selectedEvent = new CustomEvent('selected', { detail: s_value});

        this.dispatchEvent(selectedEvent);
 
    }
    }