diligent-react-ts/src/components/AuthCards/AuthCard.tsx

import React, { ReactNode } from 'react';
import SectionLoader from '../Loader/SectionLoader';

interface AuthCardProps {
    children: ReactNode;
    title?: string;
    subtitle?: string;
    isLoading?: boolean;
}

const AuthCard: React.FC<AuthCardProps> = ({ children, title, subtitle, isLoading }) => {
    return (
        <div className="c-auth-card">
            <SectionLoader isLoading={isLoading ? isLoading : false}>
                <h1 className="c-auth-card__title">{title}</h1>
                <h2 className="c-auth-card__subtitle">{subtitle}</h2>
                {children}
            </SectionLoader>
        </div>
    );
};

export default AuthCard;