import { Component, Input } from '@angular/core';
import { LucideIconAttributes } from './interface/lucide-icon-attributes.interface';
import { CardType } from './types/card.types';

@Component({
    selector: 'kit-card',
    templateUrl: './card.component.html',
    styleUrls: ['../styles/index.scss']
})
export class CardComponent {

    @Input() title?: string = '';
    @Input() subTitle?: string = ''
    @Input() elevation?: boolean = false;
    @Input() lucideIcon?: LucideIconAttributes;
    @Input() iconPosition: string = 'left'; 
    @Input() showIcon: boolean = true;
    @Input() cardType: CardType = 'default';
}

@Component({
    selector: 'kit-divider',
    template: '<mat-divider></mat-divider>',
    styleUrls: ['../styles/index.scss']
})
export class DividerComponent {

    @Input() title: string = '';
    @Input() subTitle: string = ''
}