"use client"
import React from 'react'
import { transitions, positions, Provider as AlertProvider } from 'react-alert'
import AlertTemplate from 'react-alert-template-basic'

const options = {
    // you can also just use 'bottom center'
    position: positions.BOTTOM_CENTER,
    timeout: 5000,
    offset: '30px',
    // you can also just use 'scale'
    transition: transitions.SCALE
}

export default function AlertContain({ children = "" }){
    return <AlertProvider template={AlertTemplate} {...options}>
        {children}
    </AlertProvider>
}