TaskPath.tsx

import { InlineCode, InlineCodeVariant } from "~/components/code/InlineCode";
import { SpanCodePathAccessory } from "./SpanTitle";
import { cn } from "~/utils/cn";

type TaskPathProps = {
  filePath: string;
  functionName: string;
  className?: string;
};

export function TaskPath({ filePath, functionName, className }: TaskPathProps) {
  return (
    <SpanCodePathAccessory
      accessory={{
        items: [{ text: filePath }, { text: functionName }],
      }}
      className={className}
    />
  );
}

type TaskFileNameProps = {
  fileName: string;
  variant?: InlineCodeVariant;
  className?: string;
};

export function TaskFileName({ variant, fileName, className }: TaskFileNameProps) {
  return (
    <InlineCode variant={variant} className={cn("text-text-dimmed", className)}>
      {`${fileName}`}
    </InlineCode>
  );
}