import { top_header_data } from "../../utils/data";
import styles from "./header.module.css";

const TopHeader = () => {
  return (
    <div className={styles.top_header}>
      <div className="container flex justify-between w-full text-white font-medium">
        <ul className="flex gap-8 items-center px-4">
          {top_header_data.map(({ id, name }): {} => (
            <li key={id}>{name}</li>
          ))}
        </ul>
        <div className="flex gap-2">
          <p className="uppercase">Today's Share price:</p>
          <span className="text-[#F8B51F]">$ 4.00</span>
        </div>
      </div>
    </div>
  );
};

export default TopHeader;
