export default function ({setEdit}) {

    return (
        <div className="no-item-placeholder">
            <img src={dracula.pluginUrl + '/assets/images/toggle-builder/placeholder.png'}/>
            <h3>{wp.i18n.__("No toggle button created yet!", 'dracula-dark-mode')}</h3>
            <p>{wp.i18n.__("Click on the button below to create your first toggle button.", 'dracula-dark-mode')}</p>


            <button type={`button`} className={`dracula-btn btn-primary`} onClick={() => setEdit(-1)}>
                <i className="dashicons dashicons-plus-alt2"></i>
                <span>{wp.i18n.__("Create new button", 'dracula-dark-mode')}</span>
            </button>

        </div>
    )
}