export type DemoMailPreviewLayout = "phone" | "tablet" | "desktop"

export function getDemoMailPreviewLayout(): DemoMailPreviewLayout | null {
  if (typeof window === "undefined") return null
  if (!window.location.pathname.includes("/demo/mail")) return null
  const param = new URLSearchParams(window.location.search).get("preview")
  if (param === "phone" || param === "tablet" || param === "desktop") return param
  return null
}

export function demoMailPreviewSrc(
  layout: DemoMailPreviewLayout,
  messageId = "m1"
): string {
  const preview = `preview=${layout}`
  if (layout === "phone") {
    return `/demo/mail/inbox?${preview}`
  }
  return `/demo/mail/inbox/message/${encodeURIComponent(messageId)}?${preview}`
}