import type { GlobalTheme } from '../global';

const getProgressTheme = (theme: GlobalTheme) => {
  const colors = {
    completeness: {
      primary: theme.colors.primary,
      success: theme.colors.success,
      warning: theme.colors.warning,
      danger: theme.colors.error,
      info: theme.colors.info,
      archived: theme.colors.onArchivedSurface,

      primaryInverted: theme.colors.white,
      successInverted: theme.colors.white,
      warningInverted: theme.colors.white,
      dangerInverted: theme.colors.white,
      infoInverted: theme.colors.white,
      archivedInverted: theme.colors.white,
    },
    incompleteness: {
      primary: theme.colors.overlayGlobalSurface,
      success: theme.colors.overlayGlobalSurface,
      warning: theme.colors.overlayGlobalSurface,
      danger: theme.colors.overlayGlobalSurface,
      info: theme.colors.overlayGlobalSurface,
      archived: theme.colors.overlayGlobalSurface,

      primaryInverted: theme.colors.overlayGlobalSurface,
      successInverted: theme.colors.overlayGlobalSurface,
      warningInverted: theme.colors.overlayGlobalSurface,
      dangerInverted: theme.colors.overlayGlobalSurface,
      infoInverted: theme.colors.overlayGlobalSurface,
      archivedInverted: theme.colors.overlayGlobalSurface,
    },
    step: {
      complete: theme.colors.primary,
      incomplete: theme.colors.archivedSurface,
      current: theme.colors.decorativePrimarySurface,
    },
    segmentedRemainderBackground: theme.colors.archivedSurface,
  };

  const sizes = {
    circleDiameter: theme.sizes['6xlarge'],
    circleCompletenessHeight: theme.sizes.small,
    barHeight: theme.sizes.small,
    stepHeight: theme.sizes.small,
    legendWidth: theme.space.small,
    legendHeight: theme.space.small,
  };

  const radii = {
    default: theme.radii.rounded,
    legendCircle: theme.radii.rounded,
  };

  const space = {
    stepGap: theme.space.xsmall,
    segmentedHeaderMarginBottom: theme.space.small,
    legendGap: theme.space.small,
    legendInnerGap: theme.space.xsmall,
    segmentedLegendMarginTop: theme.space.small,
  };

  return { colors, sizes, radii, space };
};

export default getProgressTheme;