import { newLine } from "../front";

interface ContactFormProps {
	columns: number;
	rows: number;
	contactFormData: {
		name: string;
		email: string;
		message: string;
	};
	contactFormSelectedField: "name" | "email" | "message" | "submit";
}

const ContactForm = ({ rows, columns, contactFormData, contactFormSelectedField }: ContactFormProps) => {
	return (
		`${newLine}` +
		`Send your message to Jokin here.${newLine}` +
		`You can switch between fields with the tab key.${newLine}` +
		`Then, send the message by selecting the "Submit" button and hitting enter.${newLine}${newLine}` +
		`  ${contactFormSelectedField == "name" ? "\x1b[7mYour name\x1b[0m" : "Your name"}: ${contactFormData.name}${
			contactFormSelectedField == "name" ? "|" : ""
		}${newLine}` +
		`  ${contactFormSelectedField == "email" ? "\x1b[7mYour email\x1b[0m" : "Your email"}: ${
			contactFormData.email
		}${contactFormSelectedField == "email" ? "|" : ""}${newLine}` +
		`  ${contactFormSelectedField == "message" ? "\x1b[7mYour message\x1b[0m" : "Your message"}:${newLine} ${
			contactFormData.message
		}${contactFormSelectedField == "message" ? "|" : ""}${newLine}` +
		`${newLine}` +
		`  ${contactFormSelectedField == "submit" ? "\x1b[7mSubmit\x1b[0m" : "Submit"}`
	);
};
export default ContactForm;