/* Shared UI helpers */

function TrashIcon() {
  return (
    <svg width="17" height="17" viewBox="0 0 24 24" fill="none"
      stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
      <path d="M3 6h18M8 6V4h8v2M6 6l1 15h10l1-15M10 11v6M14 11v6"/>
    </svg>
  );
}

function deButtonStyle(color, filled) {
  return {
    display: 'inline-flex',
    alignItems: 'center',
    justifyContent: 'center',
    gap: 8,
    padding: '11px 16px',
    borderRadius: 22,
    border: `1px solid ${filled ? color : color + '55'}`,
    background: filled ? color : `${color}12`,
    color: filled ? 'var(--theme-on-accent)' : color,
    fontFamily: 'Poppins, sans-serif',
    fontWeight: 700,
    fontSize: 14,
    cursor: 'pointer',
    transition: 'all 0.25s ease',
    whiteSpace: 'nowrap',
  };
}