Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory :  /home/claqxcrl/anfangola.com/wp-content/plugins/wp-smushit/_src/react/common/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import React from "react";
import classnames from "classnames";

export default function Button(
	{
		id = "",
		text = "",
		color = "",
		dashed = false,
		icon = '',
		loading = false,
		ghost = false,
		disabled = false,
		href = "",
		target = "",
		className = "",
		onClick = () => false,
	}
) {
	function handleClick(e) {
		e.preventDefault();

		onClick();
	}

	function textTag() {
		const iconTag = icon ? <span className={icon} aria-hidden="true"/> : "";
		return (
			<span className={classnames({"sui-loading-text": loading})}>
				{iconTag} {text}
			</span>
		);
	}

	function loadingIcon() {
		return loading
			? <span className="sui-icon-loader sui-loading" aria-hidden="true"/>
			: "";
	}

	let HtmlTag, props;
	if (href) {
		HtmlTag = 'a';
		props = {href: href, target: target};
	} else {
		HtmlTag = 'button';
		props = {
			disabled: disabled,
			onClick: e => handleClick(e)
		};
	}
	const hasText = text && text.trim();

	return (
		<HtmlTag
			{...props}
			className={classnames(className, "sui-button-" + color, {
				"sui-button-onload": loading,
				"sui-button-ghost": ghost,
				"sui-button-icon": !hasText,
				"sui-button-dashed": dashed,
				"sui-button": hasText
			})}
			id={id}
		>
			{textTag()}
			{loadingIcon()}
		</HtmlTag>
	);
}