@using Blazored.TextEditor

<MudPaper Height="@Height" Class="@Class" Style="@Style">
	<MudPaper Elevation="0" Style="height:calc(100% - 50px)">
		<BlazoredTextEditor @ref="@BlazorTextEditor">
			<ToolbarContent>
				<select class="ql-header">
					<option selected=""></option>
					<option value="1"></option>
					<option value="2"></option>
					<option value="3"></option>
					<option value="4"></option>
					<option value="5"></option>
				</select>
				<span class="ql-formats">
					<button class="ql-bold"></button>
					<button class="ql-italic"></button>
					<button class="ql-underline"></button>
					<button class="ql-strike"></button>
				</span>
				<span class="ql-formats">
					<select class="ql-color"></select>
					<select class="ql-background"></select>
				</span>
				<span class="ql-formats">
					<button class="ql-list" value="ordered"></button>
					<button class="ql-list" value="bullet"></button>
				</span>
				<span class="ql-formats">
					<button class="ql-link"></button>
				</span>
			</ToolbarContent>
			<EditorContent>
			</EditorContent>
		</BlazoredTextEditor>
	</MudPaper>
</MudPaper>


@code {
	[Parameter]
	public BlazoredTextEditor BlazorTextEditor { get; set; }
	[Parameter]
	public string Height { get; set; } = "100%";
	[Parameter]
	public string Class { get; set; } = "";
	[Parameter]
	public string Style { get; set; } = "";

}