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() consumables: any[] = [
    {
      name: "Comidas rapidas",
      value: "ropa",
      icon: "fast-food-outline"
    },
    {
      name: "Comidas gourmet",
      value: "artesanias",
      icon: "restaurant-outline"
    },
    {
      name: "Panaderias & cafeterias",
      value: "plazas",
      icon: "cafe-outline"
    },
    {
      name: "Heladerias",
      value: "supermercado",
      icon: "ice-cream-outline"
    }
  ]
  @Input() stores: any[] = [
    {
      name: "Ropa & zapatos",
      value: "ropa",
      icon: 'pricetags-outline'
    },
    {
      name: "Artesanias",
      value: "artesanias",
      icon: "storefront-outline"
    },
    {
      name: "Plazas",
      value: "plazas",
      icon: "ticket-outline"
    },
    {
      name: "Supermercado",
      value: "supermercado",
      icon: "cart-outline"
    }
  ]
  @Input() more: any[] = [
    {
      name: "Bar",
      value: "ropa",
      icon: 'wine-outline'
    },
    {
      name: "Gym",
      value: "artesanias",
      icon: "barbell-outline"
    },
    {
      name: "Hoteles",
      value: "plazas",
      icon: "bed-outline"
    },
    {
      name: "Autolavado",
      value: "supermercado",
      icon: "car-outline"
    }
  ]
  icon_store: any = faStore;

  constructor() { }

  ngOnInit(): void {
  }

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

}
