podcast-generator/client/src/components/error.tsx
2025-02-05 22:47:39 +00:00

14 lines
486 B
TypeScript

export default function Error(props: { message?: any, reset?: () => void }) {
return (
<section class="section">
<div class="container">
<h1 class="title">Uh Oh!</h1>
<h2 class="subtitle">Something has gone wrong.</h2>
{props.message && <>
<p class="mb-4">Error: <code>{props.message.toString()}</code></p>
</>}
{props.reset && <button class="button" onClick={props.reset}>Retry</button>}
</div>
</section>
);
}