function RowItem({ id, icon, letters, action, value, ref, repeat }) {
	const $item = (
		<button
			ref={ref}
			className={`icon ${icon}`}
			data-id={id}
			data-letters={letters}
			data-action={action}
			data-repeat={repeat}
		></button>
	);

	if (typeof value === "function") {
		$item.value = value;
	} else if (value !== undefined) {
		$item.dataset.value = value;
	}

	return $item;
}
@param {RowItem} param0 Attributes
@param {string} param0.id Button id
@param {string} param0.icon Icon name
@param {string} param0.letters Letters to show on button
@param {'insert'|'command'|'key'|'custom'} param0.action Action type
@param {string|Function} param0.value Value of button
@param {Ref} param0.ref Reference to button
@param {boolean} param0.repeat Whether to repeat the action or not
@returns {HTMLButtonElement}