function UCCard()

in src/components/Sections/UseCases.tsx [11:36]

• 26 lines of code
• 2 McCabe index (conditional complexity)

function UCCard({ lead, title, desc, demoURL, children }: {
  lead: string,
  title: string,
  desc: string,
  demoURL: string,
  children: React.ReactNode,
}) {
  return (<div className='use-case-card relative shadow-card overflow-hidden
    xl:w-[30vw] h-[496px] max-w-[650px] rounded-[16px]
    sm:w-[62vw] sm:h-[380px] sm:mx-auto 
    mobile:w-auto mobile:h-[auto]'>
    <div className="flex items-center h-[232px] justify-center
      sm:h-[182px]">
      {children}
    </div>
    <div className="bg-white px-4 py-2 h-[264px] sm:h-[195px] sm:p-2 mobile:h-[240px]">
      <div className="font-inter text-neutral-300 text-label18 font-medium mb-2 pr-1
        sm:text-label16 sm:font-normal sm:mb-[4px]">{lead}</div>
      <div className="font-inter text-primary-800 text-heading2 font-semibold mb-2 pr-1
        sm:text-[20px] sm:leading-[28px] sm:mb-[4px] sm:pr-[0]">{title}</div>
      <div className="font-inter text-neutral-500 text-label18 font-normal pr-1
        sm:text-label16 sm:pr-[0]">{desc}</div>
       <C.TextLink link={demoURL}>{lead === "Data Engineers" ? "Learn More" : "See it Live"}</C.TextLink>
    </div>
  </div>)
}