@props(['title'=>'','icon'=>'ki-filled ki-dots-vertical'])
<div class="kt-menu flex-inline" data-kt-menu="true">
    <div class="kt-menu-item"
         data-kt-menu-item-offset="0, 10px"
         data-kt-menu-item-placement="bottom-end"
         data-kt-menu-item-placement-rtl="bottom-start"
         data-kt-menu-item-toggle="dropdown"
         data-kt-menu-item-trigger="click|lg:click">
        <button class="kt-menu-toggle kt-btn kt-btn-sm kt-btn-icon kt-btn-primary
        flex justify-center gap-2 min-w-[100px] transition ease-in-out
        hover:scale-105 duration-150 btn-save kt-btn-menu">
            <i class="{{$icon}}">
            </i>
            @if($title){{$title}} @endif
        </button>
        <div class="kt-menu-dropdown kt-menu-default w-full max-w-[175px]" data-kt-menu-dismiss="true" style="">

        {{$slot}}
        </div>
    </div>
</div>