import React from "react"; import Head from "@docusaurus/Head"; import clsx from "clsx"; import Link from "@docusaurus/Link"; import { CommonLayout } from "@site/src/refine-theme/common-layout"; import { CommonHeader } from "@site/src/refine-theme/common-header"; import { BlogFooter } from "@site/src/refine-theme/blog-footer"; import { weekOfRefineCards } from "@site/src/assets/week-of-refine/constants"; import { DateIcon, RefineWeekLogoXL, } from "@site/src/assets/week-of-refine/icons"; export type CardProps = { title: string; imgURL: string; dateRange: string; description: string; logo: React.FC>; bgLinearGradient: string; link: string; }; const Card = ({ title, imgURL, dateRange, description, logo, bgLinearGradient, link, }: CardProps) => { const Logo = logo; return (
{title}
{title}
{dateRange}

{description}

with
); }; const RefineWeek = () => { return (

OpenPanel SysAdmin Tutorials - a practical and engaging learning experience

{weekOfRefineCards.map((card) => ( ))}
); }; export default RefineWeek;