export default function Profile() {
    return (
        <h1>Hello Mr XX</h1>
        <p>Your age is 30</p>
        // এই কোডটা কাজ করবেনা, কারণ দুইটা এলিমেন্টকে রিটার্ন করা হয়েছে।
    );
}

export default function Profile() {
  return (
    <div>
      <h1>Hello Mr XX</h1>
      <p>Your age is 30</p>
    </div>
    // এই কোডটা কাজ করবে, কারণ দুইটা এলিমেন্টকে একটি প্যারেন্ট `<div>` দিয়ে wrap করা হয়েছে।
  );
}

import React, { Fragment } from "react";
 
export default function Profile() {
    return (
        <Fragment>
            <h1>Hello Mr XX</h1>
            <p>Your age is 30</p>
        </Fragment>
    );
}
// অথবা সংক্ষিপ্তভাবে
export default function Profile() {
    return (
        <>
            <h1>Hello Mr XX</h1>
            <p>Your age is 30</p>
        </>
    );
}

function returnOne() {
  return 1;
} // একটি নাম্বার রিটার্ন করা।
function returnTwo() {
  return 100, 500;
} // এইটি একটি সিনট্যাক্স এরর।

function returnTwoJSX() {
    return (<h1>Hi</h1> <h2>Hello</h2>) // এটি সিনট্যাক্স এরর।
}

function returnParentJSX() {
  return (
    <div>
      <h1>Hi</h1>
      <h2>Hello</h2>
    </div>
  );
}
// Behind the scene
// এখানে return হচ্ছে একটি single object যেখানে props হিসেবে children রয়েছে।

function returnFragmentJSX() {
  return (
    <>
      <h1>Hi</h1>
      <h2>Hello</h2>
    </>
  );
}
// Behind the scene
// এটি একাধিক এলিমেন্টকে একটি Fragment হিসেবে রিটার্ন করছে।

export default function MyImage() {
  return <img src="image.jpg" alt="Example" />;
}

export default function MyComponent() {
  return <div className="my-class">Hello World</div>;
}

function returnDirectObject() {
  return {
    type: "div",
    props: {
      className: "bg-white",
      children: [
        { type: "h1", props: { children: "Hi" } },
        { type: "p", props: { children: "Hello World" } },
      ],
    },
  };
}

import { createElement } from "react";
 
function returnDirectObject() {
  return createElement(
    "div",
    { className: "bg-white" },
    createElement("h1", { className: "text-2xl" }, "Hi"),
    createElement("p", null, "Hello World")
  );
}