import { t } from 'i18next';

const DivWrapper = ({ children }: { children: React.ReactNode }) => {
  return (
    <div className="min-h-screen bg-gray-800 pt-16">
      <div className="bg-gray-800 flex justify-center items-center">
        <div className="w-full max-w-4xl bg-gray-900 shadow-lg rounded-lg p-8 mt-6">
          <h1 className="mb-5">{t('hostsAssociateScopes')}</h1>
          {children}
        </div>
      </div>
    </div>
  );
};

export default DivWrapper;