1// type Props = { error: Error | null };
2export default function UserFacingErrorMessage(Props) {
3  const { error } = Props;
4  if (error == null) {
5    return;
6  }
7  return (
8    <div className="text-background px-2 py-1 bg-foreground w-full ml-auto">
9      Error: {error.message || 'Unknown Error :-/'}
10    </div>
11  );
12}