import React from "react";
import { ErrorHeaderContainer } from "./style/errorHeader.style";
import RedWarning from "../../../../assets/svg/redWarning";

/**
 * @returns {JSX.Element}
 */
const ErrorHeader = ({
  message = "No response was provided by the student for this question.",
}) => {
  return (
    <ErrorHeaderContainer>
      <RedWarning />
      <p>{message}</p>
    </ErrorHeaderContainer>
  );
};

export default ErrorHeader;
