type WebsitePanelProps = {
  label: string;
  url: string;
};

export function WebsitePanel({ label, url }: WebsitePanelProps) {
  return (
    <section className="website-panel" aria-label={label}>
      <header className="website-panel__header">
        <p className="website-panel__label">{label}</p>
        <p className="website-panel__url" title={url}>
          {url}
        </p>
      </header>
      <div className="website-panel__content">
        <iframe
          className="website-panel__frame"
          src={url}
          title={label}
          loading="lazy"
          referrerPolicy="strict-origin-when-cross-origin"
          sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
        />
      </div>
    </section>
  );
}