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

const getAppCueTheme = (theme: GlobalTheme) => {
  const colors = {
    background: theme.colors.darkGlobalSurface,
    backdropColor: 'rgba(0, 0, 0, 0.5)',
  };

  const space = {
    padding: theme.space.medium,
    offset: theme.space.small,
    arrowOffset: theme.space.smallMedium,
  };

  const radii = {
    container: theme.radii.large,
  };

  return { colors, space, radii };
};

export default getAppCueTheme;