25 lines
491 B
JavaScript
25 lines
491 B
JavaScript
// src/components/Hello.tsx
|
|
|
|
import * as React from "react";
|
|
|
|
function Hello({ name, enthusiasmLevel }) {
|
|
if (enthusiasmLevel <= 0) {
|
|
throw new Error("You could be a little more enthusiastic. :D");
|
|
}
|
|
|
|
return (
|
|
<div className="hello">
|
|
<div className="greeting">
|
|
Hello {name + getExclamationMarks(enthusiasmLevel)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Hello;
|
|
|
|
// helpers
|
|
|
|
function getExclamationMarks(numChars) {
|
|
return Array(numChars + 1).join("!");
|
|
}
|