/*
 * Portions of this file are based on code from react-spectrum.
 * Apache License Version 2.0, Copyright 2020 Adobe.
 *
 * Credits to the React Spectrum team:
 * https://github.com/adobe/react-spectrum/blob/b35d5c02fe900badccd0cf1a8f23bb593419f238/packages/@react-aria/link/src/useLink.ts
 */

import { mergeRefs } from "@kobalte/utils";
import { type ValidComponent, splitProps } from "solid-js";

import {
	type ElementOf,
	Polymorphic,
	type PolymorphicProps,
} from "../polymorphic";
import { createTagName } from "../primitives";

export interface LinkRootOptions {
	/** Whether the link is disabled. */
	disabled?: boolean;
}

export interface LinkRootCommonProps<T extends HTMLElement = HTMLElement> {
	ref: T | ((el: T) => void);
	href: string | undefined;
}

export interface LinkRootRenderProps extends LinkRootCommonProps {
	role: "link" | undefined;
	tabIndex: number | undefined;
	"aria-disabled": boolean | undefined;
	"data-disabled": string | undefined;
}

export type LinkRootProps<
	T extends ValidComponent | HTMLElement = HTMLElement,
> = LinkRootOptions & Partial<LinkRootCommonProps<ElementOf<T>>>;

/**
 * Link allows a user to navigate to another page or resource within a web page or application.
 */
export function LinkRoot<T extends ValidComponent = "a">(
	props: PolymorphicProps<T, LinkRootProps<T>>,
) {
	let ref: HTMLElement | undefined;

	const [local, others] = splitProps(props as LinkRootProps, [
		"ref",
		"href",
		"disabled",
	]);

	const tagName = createTagName(
		() => ref,
		() => "a",
	);

	return (
		<Polymorphic<LinkRootRenderProps>
			as="a"
			ref={mergeRefs((el) => (ref = el), local.ref)}
			role={tagName() !== "a" || local.disabled ? "link" : undefined}
			tabIndex={tagName() !== "a" && !local.disabled ? 0 : undefined}
			href={!local.disabled ? local.href : undefined}
			aria-disabled={local.disabled ? true : undefined}
			data-disabled={local.disabled ? "" : undefined}
			{...others}
		/>
	);
}