import { FC } from "react";

interface ContactProps {
  phone: string;
  email: string;
  address: string;
  city: string;
  state: string;
  country: string;
}
const Contact: FC<ContactProps> = ({
  phone,
  email,
  address,
  city,
  state,
  country,
}) => {
  return (
    <form>
      <div className="row clearfix">
        <div className="col-lg-12 col-md-12 col-sm-12 form-group">
          <p className="text-white">
            Phone Number: <strong>{phone}</strong>
          </p>
        </div>
        {/* End .col */}

        <div className="col-lg-12 col-md-12 col-sm-12 form-group">
          <p className="text-white">
            Email Address: <strong>{email}</strong>
          </p>
        </div>
        {/* End .col */}

        <div className="col-lg-12 col-md-12 col-sm-12 form-group">
          <p className="text-white">
            Location:{" "}
            <strong>
              {address} <br />
              {/* {city}, {state}, {country}{" "} */}
            </strong>
          </p>
        </div>
        {/* End .col */}
      </div>
    </form>
  );
};

export default Contact;