/* eslint-disable no-nested-ternary */
// https://github.com/TypeStrong/typedoc-default-themes/blob/master/src/default/partials/member.signature.title.hbs

import { Fragment } from 'react';
import type { TSDSignatureReflection } from '../types';
import { escapeMdx } from '../utils/helpers';
import { Type } from './Type';
import { TypeParametersGeneric } from './TypeParametersGeneric';

export interface MemberSignatureTitleProps {
	useArrow?: boolean;
	hideName?: boolean;
	sig: TSDSignatureReflection;
}

export function MemberSignatureTitle({ useArrow, hideName, sig }: MemberSignatureTitleProps) {
	return (
		<>
			{!hideName && sig.name !== '__type' ? (
				escapeMdx(sig.name)
			) : // Constructor signature
			sig.kind === 16_384 ? (
				<>
					{sig.flags?.isAbstract && <span className="tsd-signature-symbol">abstract </span>}
					<span className="tsd-signature-symbol">new </span>
				</>
			) : null}

			<TypeParametersGeneric params={sig.typeParameter} />

			<span className="tsd-signature-symbol">(</span>

			{sig.parameters?.map((param, index) => (
				<Fragment key={param.id}>
					{index > 0 && <span className="tsd-signature-symbol">, </span>}

					<span>
						{param.flags?.isRest && <span className="tsd-signature-symbol">...</span>}
						{param.name}

						<span className="tsd-signature-symbol">
							{(param.flags?.isOptional || 'defaultValue' in param) && '?'}
							{': '}
						</span>

						<Type type={param.type} />
					</span>
				</Fragment>
			))}

			<span className="tsd-signature-symbol">)</span>

			{sig.type && (
				<>
					<span className="tsd-signature-symbol">{useArrow ? ' => ' : ': '}</span>
					<Type type={sig.type} />
				</>
			)}
		</>
	);
}