infisical/frontend/src/pages/organization/IdentityDetailsByIDPage/components/ViewIdentityAuthModal/IdentityAuthFieldDisplay.tsx

import { ReactNode } from "react";

type Props = {
  label: string;
  children: ReactNode;
  className?: string;
};

export const IdentityAuthFieldDisplay = ({ label, children, className }: Props) => {
  return (
    <div className={className}>
      <span className="text-xs font-medium text-mineshaft-400">{label}</span>
      {children ? (
        <p className="break-words text-sm leading-4">{children}</p>
      ) : (
        <p className="text-sm italic leading-4 text-bunker-400">Not set</p>
      )}
    </div>
  );
};