Files
edr-platform/apps/edr-freight-web/backoffice/src/components/trainScheduling/schedulingWorkflow.styles.ts
2026-06-22 08:11:11 +00:00

29 lines
1000 B
TypeScript

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;