interface WebEmbedProps {
  url: string;
  height?: number;
}

export function WebEmbed({ url, height = 400 }: WebEmbedProps) {
  return (
    <div class="rounded-[var(--z-radius-card)] overflow-hidden mb-4" style={{ border: "var(--z-card-border)", boxShadow: "var(--z-card-shadow)" }}>
      <iframe
        src={url}
        style={{ width: "100%", height: `${height}px`, border: "none" }}
        loading="lazy"
        sandbox="allow-scripts allow-same-origin allow-popups"
      />
    </div>
  );
}
