import { ViewTransition } from "react";

export function GuideTopicIndicator({
  guideId,
  surface,
}: {
  guideId: string;
  surface: "public" | "admin";
}) {
  return (
    <ViewTransition
      name={`guide-topic-indicator-${surface}-${guideId}`}
      share="guide-topic-indicator"
      default="none"
    >
      <span
        aria-hidden="true"
        className="absolute inset-0 -z-10 rounded-md bg-muted"
      />
    </ViewTransition>
  );
}