import React, { ReactNode } from "react";

type TAuthFormProviderProps = {
	children: ReactNode;
  title: string;
  subTitle: string;
};

const AuthFormProvider = ({ children, title, subTitle }: TAuthFormProviderProps) => {
	return (
		<div className='flex flex-col gap-6 w-[40%]'>
			<div className='flex flex-col text-white'>
				<h3 className='text-2xl'>{title}</h3>
				<p>{subTitle}</p>
			</div>
			<div>{children}</div>
		</div>
	);
};

export default AuthFormProvider;