import { IMenuDrawerItem } from "@/components/_Interface/types";
import { AccentColor } from "@/constants/color-palet";
import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
import { Ionicons,  FontAwesome5, FontAwesome, Fontisto } from "@expo/vector-icons";

export const drawerItemsPortofolio = ({ id }: { id: string }): IMenuDrawerItem[] => [
  {
    icon: (
      <Ionicons
        name="create"
        size={ICON_SIZE_MEDIUM}
        color={AccentColor.white}
      />
    ),
    label: "Edit portofolio",
    path: `/(application)/portofolio/${id}/edit`,
  },
  {
    icon: (
      <Ionicons
        name="camera"
        size={ICON_SIZE_MEDIUM}
        color={AccentColor.white}
      />
    ),
    label: "Edit logo ",
    path: `/(application)/portofolio/${id}/edit-logo`,
  },
  {
    icon: (
      <FontAwesome
        name="id-card-o"
        size={ICON_SIZE_MEDIUM}
        color={AccentColor.white}
      />
    ),
    label: "Edit social media ",
    path: `/(application)/portofolio/${id}/edit-social-media`,
  },
  {
    icon: (
      <Fontisto
        name="map-marker-alt"
        size={ICON_SIZE_MEDIUM}
        color={AccentColor.white}
      />
    ),
    label: "Edit Map",
    path: `/(application)/maps/${id}/edit`,
  },
  {
    icon: (
      <FontAwesome5
        name="map-pin"
        size={ICON_SIZE_MEDIUM}
        color={AccentColor.white}
      />
    ),
    label: "Custom Pin Map",
    path: `/(application)/maps/${id}/custom-pin`,
  },
];