39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
|
import React from "react";
|
||
|
|
import { useSelector } from "react-redux";
|
||
|
|
|
||
|
|
import FooterLinks from "./FooterLinks";
|
||
|
|
import { getTenantConfig } from "@appsmith/selectors/tenantSelectors";
|
||
|
|
|
||
|
|
type ContainerProps = {
|
||
|
|
title: string;
|
||
|
|
subtitle?: React.ReactNode;
|
||
|
|
children: React.ReactNode;
|
||
|
|
footer?: React.ReactNode;
|
||
|
|
disabledLoginForm?: boolean;
|
||
|
|
};
|
||
|
|
|
||
|
|
function Container(props: ContainerProps) {
|
||
|
|
const { children, footer, subtitle, title } = props;
|
||
|
|
const tenantConfig = useSelector(getTenantConfig);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className="bg-white border border-t-4 border-t-[color:var(--ads-color-brand)] py-8 px-6 w-[min(400px,80%)] flex flex-col gap-8 t--login-container">
|
||
|
|
<img className="h-8 mx-auto" src={tenantConfig.brandLogoUrl} />
|
||
|
|
<div className="flex flex-col gap-2 text-center">
|
||
|
|
<h1 className="text-xl font-semibold text-center">{title}</h1>
|
||
|
|
{subtitle && <p className="text-base text-center">{subtitle}</p>}
|
||
|
|
</div>
|
||
|
|
{children}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="bg-white border w-[min(400px,80%)]">
|
||
|
|
{footer}
|
||
|
|
<FooterLinks />
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Container;
|