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

@Component({
    selector: 'card',
    templateUrl: './card.component.html',
    styleUrls: ['./card.component.scss'],
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class CardComponent {
    @Input() rounded = true;
    @Input() roundedTop = false;
    @Input() roundedBottom = false;

    get sectionClasses() {
        return {
            card: true,
            'card--rounded': this.rounded,
            'card--rounded-top': this.roundedTop,
            'card--rounded-bottom': this.roundedBottom,
        };
    }
}
