react-training/hotel-management/src/components/Toast.tsx

import { Toaster } from 'react-hot-toast';

const Toast = () => {
  return (
    <Toaster
      position="top-center"
      gutter={12}
      containerStyle={{ margin: '8px', zIndex: 1 }}
      toastOptions={{
        success: {
          duration: 3000,
        },
        error: {
          duration: 5000,
        },
        style: {
          fontSize: '16px',
          maxWidth: '500px',
          padding: '16px 24px',
        },
      }}
    />
  );
};

export default Toast;