function Head({ text, children }) {
  return (
    <div className="w-full flex mb-[40px] flex-col sm:flex-row items-start sm:items-center justify-between gap-2">
      <p className="text-[#525252] dark:text-[#A1A1A1] text-[16px] md:text-[18px] lg:text-[20px] font-bold">
        {text}
      </p>
      <div className="flex items-center justify-end gap-4">{children}</div>
    </div>
  );
}

export default Head;
