import React from "react";

import Spottable from "@enact/spotlight/Spottable";

import NoDataImg from "../../../../../assets/images/img-my-info-billing@3x.png";
import CustomImage from "../../../../components/CustomImage/CustomImage";
import css from "../NoDataType/NoDataType.module.less";
import { $L } from "../../../../utils/helperMethods";

export default function NoDataType() {
  const SpottableComponent = Spottable("div");
  return (
    <SpottableComponent className={css.NoDataType}>
      <CustomImage delay={0} animationSpeed="fast" src={NoDataImg} />
      <span>{$L("There are no themes available")}</span>
    </SpottableComponent>
  );
}
