import type { ReactNode } from "react";
import { cn } from "~/lib/utils";

const DualInputLayout = (props: {
	children1: ReactNode;
	children2: ReactNode;
	className?: string;
}) => {
	const { children1, children2, className } = props;
	return (
		<div
			className={cn(
				"flex flex-col items-center gap-x-6 gap-y-5 sm:flex-row [&>*]:w-full",
				className,
			)}
		>
			<div>{children1}</div>
			<div>{children2}</div>
		</div>
	);
};

export { DualInputLayout };
