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

const getBottomSheetTheme = (theme: GlobalTheme) => {
  const colors = {
    shadow: theme.colors.primaryOutline,
    background: theme.colors.defaultGlobalSurface,
    backdrop: theme.colors.black,
    floatingHeaderIconBackground: theme.colors.archivedSurface,
  };

  const sizes = {
    closeIcon: theme.sizes.xxxlarge,
    // Renamed from floatingCloseIcon — shared by both fixed and floating variants
    closeIconSize: theme.sizes.smallMedium,
    headerMinHeight: theme.sizes.xxxxxlarge,
  };

  const space = {
    headerWrapperVerticalPadding: theme.space.small,
    headerWrapperHorizontalPadding: theme.space.medium,
    closeIconMargin: theme.space.smallMedium,
    footerVerticalPadding: theme.space.xxsmall,
    footerHorizontalPadding: theme.space.smallMedium,
    floatingContentMargin: theme.space.medium,
    floatingInnerPadding: theme.space.small,
    floatingHeaderIconPadding: theme.space.small,
  };

  const radii = {
    default: theme.radii.xlarge,
    floating: theme.radii['5xlarge'],
    floatingHeaderIcon: theme.radii.rounded,
  };

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

export default getBottomSheetTheme;