import { useAccount } from "wagmi";

import { EmptyIcon } from "@components/common/Icons";
import { SocketScanButton } from "@components/common/SocketScanButton";

export const EmptyHistory = () => {
	const { address } = useAccount();

	return (
		<div className="bn-m-auto bn-flex bn-flex-col bn-items-center px-6">
			<EmptyIcon />
			<p className="bn-text-xl bn-font-semibold bn-text-primary bn-mt-4 bn-mb-1 bn-text-center">
				No swap transactions
			</p>
			<p className="bn-text-sm bn-font-medium bn-text-secondary bn-text-center bn-mb-12">
				You haven't made any swap transaction yet
			</p>

			{/* {address && <SocketScanButton address={address} />} */}
		</div>
	);
};
