import * as React from 'react';

import s from './NovaTvProfileBox.module.scss';
import classNames from 'classnames/bind';

const cn = classNames.bind(s);

interface INovaTvProfileBoxProps {
  children?: React.ReactNode;
  subtitlePrefix?: string;
  inGrid: boolean;
}

export const NovaTvProfileBox = ({ children, inGrid }: INovaTvProfileBoxProps) => {
  return (
    <div className={`${cn(s.novaTvProfileBox, { inGrid })}`}>
      <div className={s.novaTvProfileBox__container}>
        <div className={s.novaTvProfileBox__shadow}>
          <div className={s.novaTvProfileBox__wrapper}>
            <div className={s.novaTvProfileBox__content}>{children}</div>
          </div>
        </div>
      </div>
    </div>
  );
};