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

const getCardTheme = (theme: GlobalTheme) => {
  const colors = {
    dataCardIndicator: theme.colors.primary,
    primary: theme.colors.primary,
    secondary: theme.colors.highlightedSurface,
    info: theme.colors.info,
    success: theme.colors.success,
    warning: theme.colors.warning,
    danger: theme.colors.error,
    archived: theme.colors.archived,
    neutral: theme.colors.neutralGlobalSurface,
    dataCardBackground: theme.colors.neutralGlobalSurface,
  };

  const sizes = {
    indicatorWidth: theme.sizes.medium,
  };

  const radii = {
    default: theme.radii.large,
    superRound: theme.radii.xxxlarge,
  };

  const space = {
    dataCardContentPadding: theme.space.medium,
  };

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

export default getCardTheme;