import { booleanAttribute, ChangeDetectionStrategy, Component, input } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { randomString } from '../../utils';

@Component({
    selector: 'iqser-chevron-button',
    templateUrl: './chevron-button.component.html',
    styleUrls: ['./chevron-button.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
    imports: [MatIconModule, MatButtonModule],
})
export class ChevronButtonComponent {
    readonly label = input.required<string>();
    readonly showDot = input(false, { transform: booleanAttribute });
    readonly primary = input(false, { transform: booleanAttribute });
    readonly disabled = input(false, { transform: booleanAttribute });
    readonly buttonId = input(`${randomString()}-chevron-button`);
}