import { Card } from "flowbite-react";

import type { CodeData } from "~/components/code-demo";

const code = `

import { Card } from "flowbite-react";

export function Component() {

return (

<Card href="#" className="max-w-sm">

<h5 className="text-2xl font-bold tracking-tight text-gray-900 dark:text-white">

Noteworthy technology acquisitions 2021

</h5>

<p className="font-normal text-gray-700 dark:text-gray-400">

Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.

</p>

</Card>

);

}

`;

export function Component() {

return (

<Card href="#" className="max-w-sm">

<h5 className="text-2xl font-bold tracking-tight text-gray-900 dark:text-white">

Noteworthy technology acquisitions 2021

</h5>

<p className="font-normal text-gray-700 dark:text-gray-400">

Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.

</p>

</Card>

);

}

export const root: CodeData = {

type: "single",

code: {

fileName: "index",

language: "tsx",

code,

},

githubSlug: "card/card.root.tsx",

component: <Component />,

};