import React from "react";

import SectionTitle from "../../../components/SectionTitle/SectionTitle";
import { $L } from "../../../utils/helperMethods";
import css from "./UpComing.module.less";
import UpComingList from "./UpComingList/UpComingList";

const UPCOMING_STRING = "UPCOMING";

export default function UpComing({ brandLiveChannelUpcoming }) {
  return (
    <div className={css.container}>
      <SectionTitle title={$L(UPCOMING_STRING)} />
      <UpComingList brandLiveChannelUpcoming={brandLiveChannelUpcoming} />
    </div>
  );
}
