import { d as createAstro, c as createComponent, m as maybeRenderHead, b as addAttribute, a as renderTemplate } from './astro/server_5mFihzcn.mjs';
import 'clsx';

const $$Astro = createAstro("https://new.sambekiel.com");
const $$MessageHeader = createComponent(($$result, $$props, $$slots) => {
  const Astro2 = $$result.createAstro($$Astro, $$props, $$slots);
  Astro2.self = $$MessageHeader;
  const { tab } = Astro2.props;
  return renderTemplate`${maybeRenderHead()}<div class="flex flex-wrap gap-2 h-fit mb-5 pt-2 sticky top-[3.5rem] bg-white bg-opacity-50 backdrop-blur-sm isolate w-full z-50"> <a href="/dashboard/messages?tab=all"${addAttribute(`px-4 py-1 hover:!bg-slate-950 border-b-2 border-transparent hover:text-white h-fit text-sm rounded-t-md transition-all duration-700 ${tab !== "unread" ? "border-b-slate-950" : ""}`, "class")}>
All
</a> <a href="/dashboard/messages?tab=unread"${addAttribute(`px-4 py-1 hover:!bg-slate-950 border-b-2 border-transparent hover:text-white h-fit text-sm rounded-t-md transition-all duration-700 ${tab === "unread" ? "border-b-slate-950" : ""}`, "class")}>
Unread
</a> </div>`;
}, "C:/projects/sambekiel_front/src/components/MessageHeader.astro", void 0);

export { $$MessageHeader as $ };
