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

const getRadioTheme = (theme: GlobalTheme) => {
  const colors = {
    circle: theme.colors.primary,
    checked: theme.colors.highlightedSurface,
    intents: {
      light: theme.colors.defaultGlobalSurface,
      dark: theme.colors.neutralGlobalSurface,
    },
  };

  const space = {
    circleLeftMargin: theme.space.small,
    groupTopMarginSmall: theme.space.xsmall,
    groupTopMarginMedium: theme.space.medium,
  };

  const boundingBoxSize = theme.sizes.large;
  const innerPadding = theme.space.xsmall;
  const circle = boundingBoxSize - innerPadding;
  const innerCircle = circle / 2;

  const sizes = {
    circle,
    innerCircle,
  };

  const borderWidths = {
    circle: theme.borderWidths.medium,
  };

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

export default getRadioTheme;