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

const getSwipeableTheme = (theme: GlobalTheme) => {
  const colors = {
    success: theme.colors.success,
    danger: theme.colors.error,
    primary: theme.colors.primary,
    defaultContainerBackground: theme.colors.defaultGlobalSurface,
  };

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

  const space = {
    containerExtraWidth: theme.space.xsmall,
  };

  return { colors, radii, space };
};

export default getSwipeableTheme;