import { Component } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';

@Component({
  selector: 'app-table-row',
  standalone: true,
  template: `
    <img [src]="photoUrl" [alt]="altText">

    <td [attr.colspan]="columnSpan">Summary</td>

    <div [attr.aria-label]="accessibleLabel">Menu</div>
  `
})
export class TableRowComponent {
  photoUrl = '/images/profile.jpg';
  altText = 'Profile photo';
  columnSpan = 3;
  accessibleLabel = 'Open main menu';
}

bootstrapApplication(TableRowComponent).catch(err => console.error(err));