export const bgColorMap = {
  gray90: "#464646",
  green: "#24A76A",
  white: "#FFFFFF",
} as const;

export type BackgroundColor = keyof typeof bgColorMap;

export type IframeEmbedProps = {
  /** The full URL of the third-party iframe to embed (e.g., Brand Featured badge URL). */
  iframeUrl: string;
  /** Optional HTML `id` for the wrapping `<section>`, useful for anchor linking or scroll-to navigation. */
  anchorId?: string;
  /** Optional background color applied behind the iframe. Defaults to `"transparent"` when not provided. */
  backgroundColor?: BackgroundColor;
  /** Optional initial/minimum height (in px) for the iframe before postMessage auto-resize kicks in. */
  height?: number;
};