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

const getAttachmentTheme = (theme: GlobalTheme) => {
  const colors = {
    highlightedBackground: theme.colors.decorativeSecondarySurface,
  };

  const sizes = {
    imageHeight: theme.sizes.xxxlarge,
    imageWidth: theme.sizes.xlarge,
  };

  const space = {
    containerPadding: theme.space.medium,
    containerVerticalPadding: theme.space.smallMedium,
    ctaPadding: theme.space.medium,
    textHorizontalPadding: theme.space.small,
  };

  const radii = {
    image: theme.radii.base,
    container: theme.radii.medium,
  };

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

export default getAttachmentTheme;