@namespace Connected.Components
@using Connected.Annotations;
@using Connected.Utilities;
@inherits UIComponent

<div @attributes="CustomAttributes" class="@Classname">
    @ChildContent
</div>

@code {

    protected string Classname =>
    new CssBuilder("toolbar")
      .AddClass($"toolbar-dense", Dense)
      .AddClass($"toolbar-gutters", !DisableGutters)
      .AddClass(AdditionalClassList)
    .Build();

    /// <summary>
    /// If true, compact padding will be used.
    /// </summary>
    [Parameter] 
    [Category(CategoryTypes.ToolBar.Appearance)]
    public bool Dense { get; set; }

    /// <summary>
    /// If true, disables gutter padding.
    /// </summary>
    [Parameter] 
    [Category(CategoryTypes.ToolBar.Appearance)]
    public bool DisableGutters { get; set; }

    /// <summary>
    /// Child content of component.
    /// </summary>
    [Parameter] 
    [Category(CategoryTypes.ToolBar.Behavior)]
    public RenderFragment ChildContent { get; set; }
}