shoc-frontend-new/src/components/ui/dialog-blur-backdrop.ts

import type { SxProps, Theme } from "@mui/material";

/** Light blur overlay — matches design DialogOverlay (bg-black/10 + backdrop-blur). */
export const DIALOG_BLUR_BACKDROP_SX: SxProps<Theme> = {
  backgroundColor: "rgba(0, 0, 0, 0.1)",
  backdropFilter: "blur(4px)",
  WebkitBackdropFilter: "blur(4px)",
};

export const dialogBlurBackdropSlotProps = {
  backdrop: { sx: DIALOG_BLUR_BACKDROP_SX },
} as const;