import { Email } from "@icons/Email";
import { Globe } from "@icons/Globe";
import { Map } from "@icons/Map";
import { Phone } from "@icons/Phone";
import { Item } from "@components/Item";

type Props = {
  className?: string;
};

export const ContactInfo = ({ className }: Props) => (
  <div class={`flex flex-col ${className}`}>
    <Item
      body="70 Marine Road, Apapa Lagos, Nigeria"
      icon={<Map className="w-5 h-5" />}
    />
    <Item
      body="+234-8027150941 , +234-8169736061"
      icon={<Phone className="w-5 h-5" />}
    />
    <Item body="info@sambekiel.com" icon={<Email className="w-5 h-5" />} />
    <Item body="www.sambekiel.com" icon={<Globe className="w-5 h-5" />} />
  </div>
);