import { Component, Input, OnInit } from '@angular/core';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { faBeer, faShoppingCart, faStore, faTags, faTicketAlt } from '@fortawesome/free-solid-svg-icons';

@Component({
  selector: 'app-dropdown-categories',
  templateUrl: './dropdown-categories.component.html',
  styleUrls: ['./dropdown-categories.component.scss']
})
export class DropdownCategoriesComponent implements OnInit {

  @Input() is_in_home: boolean = true;
  @Input() name!: string;
  @Input() icon!: FaIconComponent;
  @Input() elements: any[] = [
    {
      name: "Ropa & zapatos",
      value: "ropa",
      icon: faTags
    },
    {
      name: "Artesanias",
      value: "artesanias",
      icon: faStore
    },
    {
      name: "Plazas",
      value: "plazas",
      icon: faTicketAlt
    },
    {
      name: "Supermercado",
      value: "supermercado",
      icon: faShoppingCart
    }
  ]
  icon_store: any = faStore;

  constructor() { }

  ngOnInit(): void {
  }

  getTextColor(){
    if(this.is_in_home){
      return "white"
    }else{
      return "black"
    }
  }

}