import React from "react";

import ImgLiveShowDelay from "../../../../../assets/images/img-liveshow-delay@3x.png";
import { $L } from "../../../../utils/helperMethods";
import css from "./LiveChannelsErrorContents.module.less";

const STRING_CONF = {
  TITLE_FOR_DELAY: "An error occurred.",
  MESSAGE_FOR_DELAY: "Please try again in 30 seconds.",
};

export default function LiveChannelsErrorContents() {
  return (
    <div className={css.container}>
      <figure>
        <img
          src={ImgLiveShowDelay}
          alt="Service is delayed. Please try again in 30 seconds."
        />
      </figure>
      <h3>{$L(STRING_CONF.TITLE_FOR_DELAY)}</h3>
      <p>{$L(STRING_CONF.MESSAGE_FOR_DELAY)}</p>
    </div>
  );
}
