import { Profile, Truck } from "iconsax-reactjs";

const Header = () => {
  return (
    <div className="px-[120px] h-12 bg-secondary flex items-center justify-between">
      <div className="flex gap-2 items-center">
        <span className="text-primary flex items-center gap-2">
          <Truck size={24} color="currentColor" />
          <div className="text-[#3A4147] text-sm font-bold">ارسال رایگان برای خرید بالای ۱۰۰ میلیون تومان</div>
        </span>
      </div>

      <div className="flex text-sm font-bold gap-2 items-center">
        <span className="text-primary">20%</span>
        <span>تخفیف برای اولین سفارش خود دریافت کنید |</span>
        <span>
          کد تخفیف : <span className="text-primary">FIRSTORDER</span>
        </span>
      </div>

      <div className="flex gap-2 items-center">
        <Profile className="text-primary" size={24} color="currentColor" />
        <div>سلام حمید</div>
      </div>
    </div>
  );
};

export default Header;