const Stepper = ({ colors, spacing, radii }) => ({
  padding: {
    left: spacing.xxlarge,
    right: spacing.xxlarge
  },
  line: {
    backgroundColor: {
      active: colors.primary,
      inactive: colors.elements.backgroundAndDisabled,
      secondary: colors.secondary
    }
  },
  dot: {
    radius: radii.circle,
    backgroundColor: {
      active: colors.primary,
      inactive: colors.elements.backgroundAndDisabled,
      secondary: colors.secondary
    }
  },
  label: {
    color: {
      active: colors.primary,
      inactive: colors.elements.selectionAndIcons,
      secondary: colors.secondary
    }
  }
});
var Stepper_theme_default = Stepper;
export {
  Stepper_theme_default as default
};
