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

const getCalendarTheme = (theme: GlobalTheme) => {
  const colors = {
    background: theme.colors.defaultGlobalSurface,
    border: theme.colors.primaryOutline,
    primary: theme.colors.primary,
    inverted: theme.colors.onDarkGlobalSurface,
    rowItem: {
      selected: theme.colors.primary,
      highlighted: theme.colors.highlightedSurface,
    },
  };

  const cellSize = theme.sizes.xxxxlarge;
  const markSize = theme.sizes.xsmall;

  const sizes = {
    cellWidth: cellSize,
    cellHeight: cellSize,
    cellCircleWidth: cellSize - markSize,
    cellCircleHeight: cellSize - markSize,
    markWidth: markSize,
    markHeight: markSize,
  };

  const space = {
    rowVerticalPadding: theme.space.medium,
    headerVerticalPadding: theme.space.medium,
    headerHorizontalPadding: theme.space.smallMedium,
    headerMarginRight: theme.space.small,
    iosPickerMarginVertical: theme.space['5xlarge'],
    cellPadding: theme.space.xlarge,
  };

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

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

export default getCalendarTheme;