@namespace Connected.Components
@inherits UIComponent

<div @attributes="CustomAttributes" class="@Classnames" @onclick="Select">
    <div class="timeline-item-content">
        @if (ChildContent != null)
        {
            @ChildContent
        }
        else if (ItemContent != null)
        {
            @ItemContent
        }
    </div>
    <div class="timeline-item-divider">
        @if(!HideDot)
        {
            <div class="@DotClassnames">
                <div class="@DotInnerClassnames" style="@DotStyle">
                    @if(ItemDot != null)
                    {
                        @ItemDot
                    }
                </div>
            </div>
        }
    </div>
    @if (ItemOpposite != null)
    {
        <div class="timeline-item-opposite">
            @ItemOpposite
        </div>
    }
</div>