// an interface documents the shape of the props
interface GreetingProps {
  name: string;
}

function Greeting({ name }: GreetingProps) {
  return <p>Hello, {name}</p>;
}

export default Greeting;

describe props with a typed interface