"use client";
import { FC } from "react";
import { useFormContext } from "react-hook-form";
import { InputField, Textarea } from "../forms/Inputs";

const SmsSingle: FC = () => {
  const {
    formState: { errors },
    clearErrors,
  } = useFormContext();
  return (
    <div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
      <div>
        <div className="mt-1">
          <InputField
            labelText="Phone"
            name="phone"
            placeholder="phone number"
            errors={errors}
          />
        </div>
        <div className="mt-1">
          <Textarea
            labelText="Message"
            name="message"
            placeholder="Message"
            errors={errors}
            rows={2}
          />
        </div>
      </div>
    </div>
  );
};

export default SmsSingle;