import React from "react";
// buzzwareTech package imports
import { useTranslation } from "@buzzwaretech/i18n";
import { cn } from "@buzzwaretech/utils";

type Props = {
  i18nTitle: string;
  children: React.ReactNode;
  className?: string;
};

function AnalyticsWrapper(props: Props) {
  const { i18nTitle, children, className } = props;
  const { t } = useTranslation();
  return (
    <div className={cn("px-6 py-4", className)}>
      <h1 className={"mb-4 text-20 font-bold md:mb-6"}>{t(i18nTitle)}</h1>
      {children}
    </div>
  );
}

export default AnalyticsWrapper;