import {
    ChangeDetectionStrategy,
    ChangeDetectorRef,
    Component,
    Input,
} from '@angular/core';

import {
    fadeInOutAnimation,
} from './../../animations/index';

import { TooltipVariant } from '../../../models/tooltip.types';

@Component({
    animations: [
        fadeInOutAnimation(),
    ],
    changeDetection: ChangeDetectionStrategy.OnPush,
    selector: 'tooltip-component',
    styleUrls: [
        './tooltip.component.scss',
    ],
    templateUrl: './tooltip.component.template.pug',
})
export class TooltipComponent {
    public enums = { TooltipVariant };
    @Input()
    public text: string;
    @Input()
    public tooltipTitle: string;
    @Input()
    public visible = false;
    @Input()
    public width: number;
    @Input()
    public isToRight = true;
    @Input()
    public isBelow = true;
    @Input()
    public tooltipVariant: TooltipVariant;

    constructor(
        public changeDetectorRef: ChangeDetectorRef,
    ) { }
}