import { SocketScanIcon } from "./Icons";
import { MIcon } from "./MIcon";

export const SocketScanButton = ({ address }: { address: `0x${string}` }) => {
	// biome-ignore format:
	const url = `https://www.socketscan.io/address/${address}`

	return (
		<a
			href={url}
			target="_blank"
			rel="noreferrer"
			className="bn-flex bn-items-center bn-justify-between bn-px-3 bn-py-2.5 bn-no-underline bn-rounded-full bn-border bn-border-solid bn-border-primary bn-w-fit"
		>
			<div className="bn-flex bn-items-center bn-space-x-1 bn-mr-2">
				<SocketScanIcon width={16} />
				<span className="bn-text-primary bn-no-underline bn-text-sm bn-font-medium">
					View all on SocketScan
				</span>
			</div>

			<MIcon name="open_in_new" classNames="bn-text-primary bn-text-base" />
		</a>
	);
};
