function hintItem(name, path, url) {
	if (typeof name === "object") {
		({ name, path, url } = name);
	}
	const recent = recents.files.find((file) => file === url);
	let subText = (path || url) ?? strings["new file"];
	if (subText.length > 50) {
		subText = `...${subText.slice(-50)}`;
	}
	return {
		text: `<div style="display: flex; flex-direction: column;">
        <strong ${recent ? `data-str='${strings["recently used"]}'` : ""} style="font-size: 1rem;">${name}</strong>
        <span style="font-size: 0.8rem; opacity: 0.8;">${subText}</span>
      <div>`,
		value: url,
	};
}
Generates hint item for inputhints
@param {string|{name: string, path: string, url: string}} name Hint text
@param {string} path Hint subtext
@param {string} url Hint value
@returns {{text: string, value: string}}