import React, { useRef } from "https://esm.sh/react@18";

import ReactDOM from "https://esm.sh/react-dom@18";

​

function Card({ title }) {

  return (

    <div>

      <CardHeader title={title} />

      <CardBody />

    </div>

  );

}

​

function CardBody({ children }) {

  return (

    <div>

      {children}

    </div>

  )

}

​

const CardTitle = ({ children }) => <h1>{children}</h1>;

​

function CardHeader({ title, children }) {

  return (

    <div>

      <CardTitle>

        {title}

      </CardTitle>

      {children}

    </div>

  )

}

​

ReactDOM.render(<Card title="Olá pessoas" />,

document.getElementById("root"))