start-os/web/projects/marketplace/src/components/registry.component.ts

import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
import { TuiIcon, TuiTitle } from '@taiga-ui/core'
import { StoreIconComponentModule } from './store-icon/store-icon.component.module'

@Component({
  selector: '[registry]',
  template: `
    <store-icon [url]="registry.url" size="40px" />
    <div tuiTitle>
      {{ registry.name }}
      <div tuiSubtitle>{{ registry.url }}</div>
    </div>
    @if (registry.selected) {
      <tui-icon icon="@tui.check" [style.color]="'var(--tui-text-positive)'" />
    } @else {
      <ng-content />
    }
  `,
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [StoreIconComponentModule, TuiIcon, TuiTitle],
})
export class MarketplaceRegistryComponent {
  @Input()
  registry!: { url: string; selected: boolean; name: string }
}