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

const getDrawerTheme = (theme: GlobalTheme) => {
  const colors = {
    shadow: theme.colors.primaryOutline,
    background: theme.colors.defaultGlobalSurface,
    backdrop: theme.colors.black,
    handler: theme.colors.onDefaultGlobalSurface,
  };

  const radii = {
    default: theme.radii.xlarge,
    handler: theme.radii.base,
  };

  const space = {
    handlerPaddingVertical: theme.space.small,
  };

  const sizes = {
    handlerWidth: theme.sizes.xxxxlarge,
    handlerHeight: theme.sizes.xsmall,
  };

  const shadows = {
    offset: { width: 0, height: 3 },
    opacity: 0.27,
    radius: 4.65,
    elevation: 10,
  };

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

export default getDrawerTheme;