booking operations and trains scheduling also allocations

apps/edr-freight-web/backoffice/src/components/trainScheduling/schedulingWorkflow.styles.ts

@@ -0,0 +1,28 @@
+import type { MantineTheme } from "@mantine/core";
+
+export const schedulingWorkflow = {
+  stepper: {
+    color: "teal" 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.teal[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: "teal" as const,
+  successColor: "teal" 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;