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

const getSectionHeadingTheme = (theme: GlobalTheme) => {
  const colors = {
    background: theme.colors.neutralGlobalSurface,
    backgroundSmall: theme.colors.decorativePrimarySurface,
  };

  const space = {
    headingVerticalPadding: theme.space.small,
    headingHorizontalPadding: theme.space.medium,
    headingMarginBottom: theme.space.medium,
    iconMarginRight: theme.space.smallMedium,
  };

  return { colors, space };
};

export default getSectionHeadingTheme;