@props(['color' => NULL,'close'=> NULL , 'display'=>NULL])

@php
    $buttonClasses = [

        "primary" => "bg-[#9A1884] hover:bg-[#D528B8] focus:bg-[#D528B8] active:bg-[#D528B8] focus:ring-bg-[#D528B8] ",
        "success" => "bg-green-600 hover:bg-green-400 focus:bg-green-400 active:bg-green-400 focus:ring-bg-green-400",

        "warning" => "bg-yellow-600 hover:bg-yellow-400 focus:bg-yellow-400 active:bg-yellow-400 focus:ring-bg-yellow-400",
        "danger" => "bg-red-600 hover:bg-red-400 focus:bg-red-400 active:bg-red-400 focus:ring-bg-red-400",

        "default" => "bg-gray-600 hover:bg-gray-400 focus:bg-gray-400 active:bg-gray-400 focus:ring-bg-gray-400",
    ];
    $buttonDisplay =[
        'block'=>'block w-full',
        'default'=>'inline-block',
    ];

    $disabledClasses = "disabled:bg-gray-400";
    
    $disabledItem = ($close == true)? 'disabled' : '';
    $selectedColor = $buttonClasses[$color] ?? $buttonClasses['default'];
    $display = $buttonDisplay[$display] ?? $buttonDisplay['default'];
@endphp

<a {{ $disabledItem }} {{ $attributes->merge(['class' => "$disabledClasses $selectedColor $display rounded p-1 px-4 font-semibold mt-2 transition-all text-white"]) }}>{{ $slot }}</a>