mirror of
https://github.com/ComposioHQ/composio.git
synced 2026-09-22 11:46:35 +08:00
Sushmithamallesh
266742e52f
- Add aria-labels, aria-hidden to icons and form controls - Add focus-visible states with subtle orange highlight - Fix CSS variable (--orange → --composio-orange) - Add meta theme-color for light/dark modes - Add loading="lazy" and dimensions to images/iframes - Add sidebar hover states for light/dark modes - Simplify search to name/slug only (remove description) - Fix nav active indicator positioning Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
22 lines
584 B
TypeScript
22 lines
584 B
TypeScript
interface YouTubeProps {
|
|
id: string;
|
|
title?: string;
|
|
}
|
|
|
|
export function YouTube({ id, title = 'YouTube video' }: YouTubeProps) {
|
|
return (
|
|
<div className="aspect-video w-full overflow-hidden rounded-lg bg-muted">
|
|
<iframe
|
|
className="h-full w-full border-0"
|
|
src={`https://www.youtube.com/embed/${id}`}
|
|
title={title}
|
|
width={560}
|
|
height={315}
|
|
loading="lazy"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
allowFullScreen
|
|
/>
|
|
</div>
|
|
);
|
|
}
|