import { IMenuDrawerItem } from "@/components/_Interface/types";
import { AccentColor } from "@/constants/color-palet";
import { ICON_SIZE_MEDIUM } from "@/constants/constans-value";
import { Ionicons } 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: <Ionicons name="image" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
    label: "Edit social media ",
    path: `/(application)/portofolio/${id}/edit-social-media`,
  },
  {
    icon: <Ionicons name="add-circle" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
    label: "Edit Map",
    path: `/(application)/maps/${id}/edit`,
  },
  {
    icon: <Ionicons name="create-outline" size={ICON_SIZE_MEDIUM} color={AccentColor.white} />,
    label: "Custom Pin Map",
    path: `/(application)/maps/${id}/custom-pin`,
  },
];