import { Section, SectionHeader } from '@/components/section'; import { Tag } from '@/components/tag'; import { type Framework, frameworks } from '@openpanel/sdk-info'; import { CodeIcon, ShieldQuestionIcon } from 'lucide-react'; import Link from 'next/link'; import { HorizontalLine, PlusLine, VerticalLine } from '../line'; import { Button } from '../ui/button'; export function Sdks() { return (
Easy to use } title="SDKs" description="Use our modules to integrate with your favourite framework and start collecting events with ease. Enjoy quick and seamless setup." />
{frameworks.slice(0, 5).map((sdk, index) => ( ))}
{frameworks.slice(5, 10).map((sdk, index) => ( ))}

And many more!

); } function SdkCard({ sdk, index, }: { sdk: Framework; index: number; }) { return ( {index === 0 && } {index === 2 && }
{/*

{sdk.name}

*/}
); }