function SurfaceTag()

in app/columns.tsx [23:44]

• 21 lines of code
• 2 McCabe index (conditional complexity)

function SurfaceTag(template: string, surface: string) {
  const { tagColor, docs } = getSurfaceData(template);
  const anchorTagClassName =
    "text-primary visited:text-primary hover:text-secondary hover:bg-opacity-80 cursor-pointer hover:no-underline ";
  const surfaceTagClassName =
    "text-xs/[180%] text-nowrap px-2 py-1 inline rounded-md " + tagColor;

  if (docs) {
    return (
      <a
        className={anchorTagClassName + surfaceTagClassName}
        href={docs}
        target="_blank"
        rel="noreferrer"
      >
        {surface}
      </a>
    );
  } else {
    return <div className={surfaceTagClassName}>{surface}</div>;
  }
}