link.component.ts

import { CommonModule } from '@angular/common';
import { Component, Input } from '@angular/core';
import { twMerge } from 'tailwind-merge';

@Component({
  selector: 'ods-link',
  standalone: true,
  imports: [CommonModule],
  template: `<a [target]="openInNewTab ? '_blank' : '_self'" [href]="url" [class]="twMerge('text-text outline-focus', class)">
    <ng-content />
  </a>`,
})
export class LinkComponent {
  @Input({ required: true }) url!: string;
  @Input() openInNewTab: boolean = false;
  @Input() class: string = '';

  readonly twMerge = twMerge;
}