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

const getCardCarouselTheme = (theme: GlobalTheme) => {
  const space = {
    pageControlMarginTop: theme.space.medium,
    contentContainerPaddingHorizontal: theme.space.large,
    carouselItemSpacing: {
      xsmall: theme.space.xxsmall,
      small: theme.space.xsmall,
      medium: theme.space.small,
    },
  };

  const colors = {
    carouselItemBackground: theme.colors.defaultSurface,
  };

  const radii = {
    card: theme.radii.medium,
  };

  return { colors, space, radii };
};

export default getCardCarouselTheme;