@namespace Connected.Components
@inherits UIComponent


@switch (Typo)
{
	case Typo.h1:
		<h1 @attributes="CustomAttributes" class="@Classname">@ChildContent</h1>
		break;
	case Typo.h2:
		<h2 @attributes="CustomAttributes" class="@Classname">@ChildContent</h2>
		break;
	case Typo.h3:
		<h3 @attributes="CustomAttributes" class="@Classname">@ChildContent</h3>
		break;
	case Typo.h4:
		<h4 @attributes="CustomAttributes" class="@Classname">@ChildContent</h4>
		break;
	case Typo.h5:
		<h5 @attributes="CustomAttributes" class="@Classname">@ChildContent</h5>
		break;
	case Typo.h6:
		<h6 @attributes="CustomAttributes" class="@Classname">@ChildContent</h6>
		break;
	case Typo.subtitle1:
		<h6 @attributes="CustomAttributes" class="@Classname">@ChildContent</h6>
		break;
	case Typo.subtitle2:
		<h6 @attributes="CustomAttributes" class="@Classname">@ChildContent</h6>
		break;
	case Typo.body1:
		<p @attributes="CustomAttributes" class="@Classname">@ChildContent</p>
		break;
	case Typo.body2:
		<p @attributes="CustomAttributes" class="@Classname">@ChildContent</p>
		break;
	case Typo.button:
		<span @attributes="CustomAttributes" class="@Classname">@ChildContent</span>
		break;
	case Typo.caption:
		<span @attributes="CustomAttributes" class="@Classname">@ChildContent</span>
		break;
	case Typo.overline:
		<span @attributes="CustomAttributes" class="@Classname">@ChildContent</span>
		break;
	case Typo.inherit:
		<span @attributes="CustomAttributes" class="@Classname">@ChildContent</span>
		break;
}
