Storybook

export enum StatType {
  CLICKS = 'clicks',
  BUDGET = 'budget',
}

<ng-container [ngSwitch]="type">
  <ng-container *ngSwitchCase="StatType.CLICKS"> CLICKS </ng-container>
  <ng-container *ngSwitchCase="StatType.BUDGET"> BUDGET </ng-container>
</ng-container>

export const Clicks: Story = {
  args: {
    type: StatType.CLICKS,
  },
};

export const Budget: Story = {
  args: {
    type: StatType.BUDGET,
  },
};

@Input() type: StatType;
  StatType = StatType;

  public get classes(): string[] {
    const type = `${this.type}`;
    return [type];
  }

public get classes(): string[] {
    const type = `${this.type}`;
    const deviceType = this.isMobile ? 'mobile' : 'desktop';
    return [type, deviceType];
}