How to use the cx/ui.expr function in cx

export default () => (
	
		
			<section>
				<div>
					<h2>Sign In</h2>
				</div>
				<p>
					Please sign in using one of the available authentication providers.
				</p>
				<p>
					<a href="#">
						<img src="~/assets/sign-in/google/btn_google_signin_dark_normal_web.png">
					</a>
				</p>

				<p>
					<a href="#">
						<img src="~/assets/sign-in/twitter/sign-in-with-twitter-gray.png">
					</a></p></section>

<div>
					<p>
						<strong>
					</strong></p><strong>
					<p>
						
							Sign Out
						
					</p>
				</strong></div><strong>
			
			
				Sign In
			
		
	
);
</strong>

"user",
				user && {
					email: user.email,
					displayName: user.displayName,
					photoURL: user.photoURL,
					id: user.uid
				}
			);
		});
	}
}

export default (
	
		<div class="userinfo">
			
				<img style="height: 60px; display: block;" src="{bind(&quot;user.photoURL&quot;)}">
				<div>
					<p>
						<strong>
					</strong></p><strong>
					<p>
						
							Sign Out
						
					</p>
				</strong></div><strong>
			</strong><strong>
			</strong></div>

<p></p>

				<p>
					<a href="#">
						<img src="~/assets/sign-in/twitter/sign-in-with-twitter-gray.png">
					</a>
				</p>

				<p>
					<a href="#">
						<img src="~/assets/sign-in/github/SignInGitHub.png">
					</a>
				</p>
			

			<section>
				<div>
					<h2>Sign Out</h2>
				</div>
				<p>
					You're signed in as{" "}
					</p>

				<button>
					Sign Out
				</button>
			</section>
		
	
);