28 lines
793 B
TypeScript
28 lines
793 B
TypeScript
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>
|
|
);
|
|
}
|