Function Note

src/components/mdx.tsx:49–58

({ children }: { children: React.ReactNode })

}

export function Note({ children }: { children: React.ReactNode }) {
  return (
    <div className="my-6 flex gap-2.5 rounded-2xl border border-gray-500/20 bg-gray-50/50 p-4 leading-6 text-gray-900 dark:border-gray-500/30 dark:bg-gray-500/5 dark:text-gray-200 dark:[--tw-prose-links-hover:theme(colors.gray.300)] dark:[--tw-prose-links:theme(colors.white)]">
      <InfoIcon className="mt-1 h-4 w-4 flex-none fill-gray-500 stroke-white dark:fill-gray-200/20 dark:stroke-gray-200" />
      <div className="[&>:first-child]:mt-0 [&>:last-child]:mb-0">
        {children}
      </div>
    </div>
  )
}

export function Row({ children }: { children: React.ReactNode }) {
  return (