import type { MantineTheme } from "@mantine/core";

export const schedulingWorkflow = {
  stepper: {
    color: "edr-green" as const,
    iconSize: 32,
    size: "sm" as const,
  },
  card: {
    radius: "xl" as const,
    padding: "lg" as const,
    withBorder: true,
  },
  heroGradient: (theme: MantineTheme) =>
    `linear-gradient(135deg, ${theme.colors["edr-green"][0]} 0%, ${theme.white} 55%, ${theme.colors.gray[0]} 100%)`,
  workflowGradient: (theme: MantineTheme) =>
    `linear-gradient(180deg, ${theme.white} 0%, ${theme.colors.gray[0]} 100%)`,
  accentColor: "edr-green" as const,
  successColor: "edr-green" as const,
  warningColor: "yellow" as const,
};

export const schedulingStepMeta = [
  { label: "Bookings", description: "Select & preview", icon: "package" },
  { label: "Wagon plan", description: "Allocations", icon: "layout" },
  { label: "Containers", description: "Map units", icon: "container" },
  { label: "Finalize", description: "Depart", icon: "check" },
] as const;
