// index.ts
import { Component, Input } from '@angular/core';

@Component({
    selector: 'dashboard-menu',
    template: `
  <div class="menu-container">
    <div class="menu-image-container">
      <img src="{{imageUrl}}" class="menu-image"/>
      <div class="menu-title">{{title}}</div>
    </div>

    <div class="menu-image-container">
      <img src="{{imageUrl}}" class="menu-image"/>
      <div class="menu-title">{{title}}</div>
    </div>

    <div class="menu-image-container">
      <img src="{{imageUrl}}" class="menu-image"/>
      <div class="menu-title">{{title}}</div>
    </div>

    <div class="menu-image-container">
      <img src="{{imageUrl}}" class="menu-image"/>
      <div class="menu-title">{{title}}</div>
    </div>
  </div>
  `,
    standalone: true,
    styleUrls: ['./index.less']
})
export class DashboardMenuComponent {
    @Input() title: string = "";
    @Input() imageUrl: string = 'assets/dashboard/menu_btn_l.png';
}