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

const getFloatingIslandTheme = (theme: GlobalTheme) => {
  const colors = {
    wrapperBackground: theme.colors.defaultGlobalSurface,
  };

  const radii = {
    wrapper: theme.radii.rounded,
  };

  const shadows = {
    wrapper: theme.shadows.default,
  };

  const space = {
    wrapperPadding: theme.space.small,
    wrapperTop: theme.space.smallMedium,
    prefixMarginRight: theme.space.small,
    suffixMarginLeft: theme.space.medium,
    iconPadding: theme.space.smallMedium,
  };

  const fontSizes = {
    iconSize: theme.fontSizes.medium,
  };

  return { colors, radii, shadows, space, fontSizes };
};

export default getFloatingIslandTheme;