import Alerts from '@dadofcode/kt-helpers';

// Simple success alert
Alerts.show('Success', 'Operation completed successfully', 'success');

// Confirmation dialog
Alerts.confirm('Confirm Action', 'Are you sure you want to proceed?', 'warning')
  .then(result => {
    if (result) {
      // User clicked "Okay"
    } else {
      // User clicked "Cancel" or closed the dialog
    }
  });

// Error alert
Alerts.error('Error', 'Something went wrong', 'error');

// Delete confirmation
Alerts.delete('Delete Item', 'Are you sure you want to delete this item?')
  .then(result => {
    if (result) {
      // User clicked "Delete"
    }
  });

Alerts.setConfig({
  styles: {
    // Override existing styles
    success: {
      backgroundClass: 'bg-emerald-100',
      foregroundClass: 'text-emerald-800',
      iconClass: 'ki-filled ki-check-circle text-emerald-600 text-3xl',
      borderClass: 'border-emerald-200'
    },
    // Add custom types
    custom: {
      backgroundClass: 'bg-purple-100',
      foregroundClass: 'text-purple-800',
      iconClass: 'ki-filled ki-star text-purple-600 text-3xl',
      borderClass: 'border-purple-200'
    }
  },
  // Change the default type
  defaultType: 'info'
});

Alerts.fire({
  title: 'Custom Alert',
  message: 'This is a fully customized alert',
  type: 'custom', // Can be any type defined in your config
  buttons: [
    { text: 'Cancel', className: 'kt-btn kt-btn-light', value: false, dismiss: true },
    { text: 'Continue', className: 'kt-btn kt-btn-primary', value: true, dismiss: true },
    { text: 'Help', className: 'kt-btn kt-btn-info', value: 'help', dismiss: false }
  ],
  customStyles: {
    // Override just the icon for this specific alert
    iconClass: 'ki-filled ki-rocket text-purple-600 text-3xl'
  }
}).then(result => {
  console.log('User selected:', result);
});