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

const getMapPinTheme = (theme: GlobalTheme) => {
  const sizes = {
    default: 42,
    badge: theme.sizes.large,
  };

  const fontSizes = {
    icon: 42,
  };

  const borderWidths = {
    default: theme.borderWidths.medium * 2,
  };

  const colors = {
    border: {
      idle: theme.colors.white,
      selected: theme.colors.secondary,
      applied: theme.colors.secondary,
    },
    icon: theme.colors.black,
    badge: theme.colors.secondary,
    badgeIcon: theme.colors.onSecondary,
    background: theme.colors.white,
  };

  const radii = {
    default: theme.radii.large,
    badge: theme.radii.rounded,
  };

  const space = {
    iconTop: -theme.space.small,
    iconRight: -theme.space.small,
  };

  const shadows = {
    offset: theme.shadows.deep.shadowOffset,
    opacity: theme.shadows.deep.shadowOpacity,
    radius: theme.shadows.deep.shadowRadius,
    elevation: theme.shadows.deep.elevation,
    color: theme.shadows.deep.shadowColor,
  };

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

export default getMapPinTheme;