import React from "react";
import "../css/Location.css";
import LocationPin from "../assets/icons/navIcons/location-pin.svg?react";
import { useTheme } from "../Context/ThemeContext";
import { useLang } from "../Context/LangContext";

const Location = () => {
  const { colormode } = useTheme();
  const { language } = useLang();

  return (
    <div className={`location container ${colormode}`}>
      <LocationPin className="navIcon" />
      <p>
        <strong>{`${language === "en-GB" ? "Cologne" : "Köln"}`}</strong>,{" "}
        {`${language === "en-GB" ? "Germany" : "Deutschland"}`}
      </p>
    </div>
  );
};

export default Location;
