import { CopyIcon } from "@buzzwaretech/propel/icons";
import type { TInboxIssueStatus } from "@buzzwaretech/types";
import { EInboxIssueStatus } from "@buzzwaretech/types";
import { cn } from "@buzzwaretech/utils";
import { AlertTriangle, CheckCircle2, Clock, XCircle } from "lucide-react";

export const ICON_PROPERTIES = {
  [EInboxIssueStatus.PENDING]: {
    icon: AlertTriangle,
    textColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "" : "text-warning-primary",
    bgColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "" : "bg-warning-subtle",
  },
  [EInboxIssueStatus.DECLINED]: {
    icon: XCircle,
    textColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "" : "text-danger-primary",
    bgColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "" : "bg-danger-subtle",
  },
  [EInboxIssueStatus.SNOOZED]: {
    icon: Clock,
    textColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "text-danger-primary" : "text-placeholder",
    bgColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "bg-danger-subtle" : "bg-layer-3",
  },
  [EInboxIssueStatus.ACCEPTED]: {
    icon: CheckCircle2,
    textColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "" : "text-success-primary",
    bgColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "" : "bg-success-subtle",
  },
  [EInboxIssueStatus.DUPLICATE]: {
    icon: CopyIcon,
    textColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "" : "text-secondary",
    bgColor: (snoozeDatePassed: boolean = false) =>
      snoozeDatePassed ? "" : "bg-layer-3",
  },
};
export function InboxStatusIcon({
  type,
  size,
  className,
  renderColor = true,
}: {
  type: TInboxIssueStatus;
  size?: number;
  className?: string;
  renderColor?: boolean;
}) {
  if (type === undefined) return null;
  const Icon = ICON_PROPERTIES[type];
  if (!Icon) return null;
  return (
    <Icon.icon
      size={size}
      className={cn(
        `h-3 w-3 ${renderColor && Icon?.textColor(false)}`,
        className,
      )}
    />
  );
}