Display TeraWallet referral link shortcode

wallet-referral-link.php

add_shortcode( 'terawallet-referral-link', 'terawallet_referral_link_shortcode_callback' );
if ( ! function_exists( 'terawallet_referral_link_shortcode_callback' ) ) {
	/**
	 * Display TeraWallet referral link shortcode.
	 *
	 * @return void
	 */
	function terawallet_referral_link_shortcode_callback() {
		$user_id  = get_current_user_id();
		$user     = new WP_User( $user_id );
		$settings = get_option( 'woo_wallet_referrals_settings' );
		$enabled  = ! empty( $settings->settings['enabled'] ) && 'yes' === $settings->settings['enabled'] ? true : false;
		if ( ! $enabled ) {
			return;
		}
		$referral_url_by_userid = 'id' === $settings['referal_link'] ? true : false;
		$referral_url           = add_query_arg( apply_filters( 'woo_wallet_referral_handel', 'wwref' ), $user->user_login, wc_get_page_permalink( 'myaccount' ) );
		if ( $referral_url_by_userid ) {
			$referral_url = add_query_arg( apply_filters( 'woo_wallet_referral_handel', 'wwref' ), $user->ID, wc_get_page_permalink( 'myaccount' ) );
		}
		ob_start();
		?>
		<span>
			<?php esc_html_e( 'Your referral URL is:', 'woo-wallet' ); ?> 
			<input type="text" readonly="" id="referral_url" value="<?php echo esc_attr( $referral_url ); ?>" /> 
			<div class="referral-tooltip">
				<button onclick="referralTooltip()" onmouseout="referralTooltipOutFunc()">
					<span class="referral-tooltiptext" id="referral_tooltip"><?php esc_html_e( 'Copy to clipboard', 'woo-wallet' ); ?></span>
					<?php esc_html_e( 'Copy', 'woo-wallet' ); ?>
				</button>
			</div>
		</span>
		<style type="text/css">
			.referral-tooltip {
				position: relative;
				display: inline-block;
			}

			.referral-tooltip .referral-tooltiptext {
				visibility: hidden;
				width: 140px;
				background-color: #555;
				color: #fff;
				text-align: center;
				border-radius: 6px;
				padding: 5px;
				position: absolute;
				z-index: 1;
				bottom: 150%;
				left: 50%;
				margin-left: -75px;
				opacity: 0;
				transition: opacity 0.3s;
			}

			.referral-tooltip .referral-tooltiptext::after {
				content: "";
				position: absolute;
				top: 100%;
				left: 50%;
				margin-left: -5px;
				border-width: 5px;
				border-style: solid;
				border-color: #555 transparent transparent transparent;
			}

			.referral-tooltip:hover .referral-tooltiptext {
				visibility: visible;
				opacity: 1;
			}
		</style>
		<script type="text/javascript">
			function referralTooltip() {
				var copyText = document.getElementById("referral_url");
				copyText.select();
				copyText.setSelectionRange(0, 99999);
				document.execCommand("copy");

				var tooltip = document.getElementById("referral_tooltip");
				tooltip.innerHTML = "<?php esc_html_e( 'Copied', 'woo-wallet' ); ?>";
			}

			function referralTooltipOutFunc() {
				var tooltip = document.getElementById("referral_tooltip");
				tooltip.innerHTML = "<?php esc_html_e( 'Copy to clipboard', 'woo-wallet' ); ?>";
			}
		</script>
		<?php
		return ob_get_clean();
	}
}

hey how can I make the short code from it and whta will be short code?