<s>[INST] import React from 'react';

export default function MyAwesomeComponent() {
  return (
    <div className="my-awesone-component">
      <h1>My Awesome Component</h1>
      <button onClick={() => alert('Awesome Component Button Clicked!')}>
        Click me
      </button>
    </div>
  );
}

This is a simple React component, but if I want to accept props to the component so that the text in the <h1> and the text on the button can be dynamic, how would I do this?[/INST]