Создание динамического React‑компонента для приветствия

Требуется вынести строку «Hello CodeSandbox» в отдельный React‑компонент. Часть текста «CodeSandbox» должна передаваться в компонент через проп, чтобы её можно было менять при каждом использовании. Ниже приведён базовый шаблон приложения, из которого можно начать работу (при желании переименуйте основной компонент).

import "./styles.css";

export default function MainApp() {
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}