import { cn } from "@/lib/utils" import { ChannelInfo } from "@/types" import { ChannelCard } from "../channel-card" export function ChannelList({ channels, onSelect, layout = "flex", className = "", }: { channels: ChannelInfo[] onSelect?: (channel: ChannelInfo) => void /** * Layout mode * * This isn't necessarily based on screen size, it can also be: * - based on the device type (eg. a smart TV) * - a design choice for a particular page */ layout?: "grid" | "flex" className?: string }) { return (
{channels.map((channel) => ( ))}
) }