@theguild/components
Version:
27 lines (26 loc) • 1.43 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import { ArrowIcon } from "../icons";
import { Image } from "../image";
import { NavigationMenuLink } from "./navigation-menu";
function GraphQLConfCard({ image }) {
return /* @__PURE__ */ jsxs(
NavigationMenuLink,
{
href: "https://www.youtube.com/playlist?list=PL43V96KpNj7OMvmfL0WFKP6LpoboM8Hde",
className: "group w-[358px]",
children: [
/* @__PURE__ */ jsx(Image, { alt: "", src: image, width: 358, height: 200 }),
/* @__PURE__ */ jsx("strong", { className: "mt-6 block text-xl font-medium leading-7 text-green-1000 dark:text-neutral-100", children: "GraphQLConf 2024" }),
/* @__PURE__ */ jsx("p", { className: "mt-4 text-sm font-medium leading-5 text-green-800 dark:text-neutral-200", children: "September 10-12 | San Francisco CA" }),
/* @__PURE__ */ jsx("p", { className: "mt-2 text-sm font-normal leading-5 text-green-800 dark:text-neutral-200", children: "The official GraphQL conference hosted by GraphQL Foundation." }),
/* @__PURE__ */ jsxs("span", { className: "mt-6 flex items-center gap-2 rounded-lg font-medium text-green-800 transition-colors group-hover:text-green-1000 dark:text-neutral-200 dark:group-hover:text-neutral-100", children: [
"Watch The Guild at GraphQLConf 2024",
/* @__PURE__ */ jsx(ArrowIcon, {})
] })
]
}
);
}
export {
GraphQLConfCard
};