import { ChangeDetectionStrategy, Component, model, ViewEncapsulation } from "@angular/core";

@Component({
  selector: "sd-tab",
  changeDetection: ChangeDetectionStrategy.OnPush,
  encapsulation: ViewEncapsulation.None,
  standalone: true,
  imports: [],
  styles: [
    /* language=SCSS */ `
      sd-tab {
        display: block;
        border-bottom: 2px solid var(--theme-gray-lighter);

        padding: 0 calc(var(--gap-default) + 1px) 0 calc(var(--gap-default) - 1px);
      }
    `,
  ],
  template: `
    <ng-content></ng-content>
  `,
})
export class SdTab {
  value = model<any>();
}