type AdminPageIntroProps = {
  title: string;
  description: string;
};

export function AdminPageIntro({
  title,
  description,
}: AdminPageIntroProps) {
  return (
    <div className="surface relative overflow-hidden rounded-[1.5rem] px-5 py-4">
      <div className="absolute inset-0 bg-[radial-gradient(circle_at_top_right,rgba(194,65,12,0.08),transparent_30%)]" />
      <div className="relative flex min-w-0 flex-col gap-1.5">
        <div className="flex min-w-0 flex-wrap items-baseline gap-x-3 gap-y-1">
          <h2 className="font-display text-[clamp(1.35rem,1.5vw,1.7rem)] font-semibold leading-[1.1] text-foreground">
            {title}
          </h2>
          <span className="text-[0.62rem] font-bold uppercase tracking-[0.18em] text-muted-foreground">
            Administracija
          </span>
        </div>
        <p className="max-w-3xl text-[0.9rem] leading-6 text-muted-foreground">{description}</p>
      </div>
    </div>
  );
}