import { Component, Input } from '@angular/core';
export type ITimeGroupComponentSize = 'large' | 'medium' | 'small' | 'extra-small';
export type ITimeGroupComponentAlign = 'left' | 'right' | 'mobile-left' | 'mobile-right';
export type IDayChangeSquarePosition = 'static' | 'absolute';

@Component({
    selector: 'time-group-base',
    template: '',
})
export class TimeGroupBaseComponent {
    @Input() withUTC = false;
    @Input() bold = false;
    @Input() size: ITimeGroupComponentSize = 'large';
    @Input() dayChangePosition: IDayChangeSquarePosition = 'static';

    // align and dayChangeLayout have opposite meaning in case of day change positioning:
    // If you are using align='right', day change indicator will be on the left side
    // of the component. But if you set dayChangeLayout='right', the indicator will
    // be on the right side.
    @Input() align: ITimeGroupComponentAlign = 'left';
    @Input() dayChangeLayout: ITimeGroupComponentAlign = 'right';
}
