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

const getSkeletonTheme = (theme: GlobalTheme) => {
  const colors = {
    lightBackground: theme.colors.neutralGlobalSurface,
    darkBackground: theme.colors.defaultGlobalSurface,
    lightGradientStart: theme.colors.neutralGlobalSurface,
    lightGradientEnd: theme.colors.archivedSurface,
    darkGradientStart: theme.colors.defaultGlobalSurface,
    darkGradientEnd: theme.colors.archivedSurface,
  };

  const radii = {
    rectangular: 0,
    circular: theme.radii.rounded,
    rounded: theme.radii.xlarge,
  };

  return { colors, radii };
};

export default getSkeletonTheme;