components/ToasterProvider.tsx

'use client';

import { Toaster } from 'sonner';

export function ToasterProvider() {
  return (
    <Toaster
      theme="dark"
      position="top-center"
      toastOptions={{
        style: {
          background: 'rgba(24, 24, 27, 0.8)',
          backdropFilter: 'blur(24px)',
          border: '1px solid rgba(255, 255, 255, 0.1)',
          color: '#f4f4f5',
        },
        className: 'glass'
      }}
    />
  );
}