import cns from 'classnames'
import React, { CSSProperties, ReactNode } from 'react'

import { usePrefix } from '../../ConfigProvider'

export interface Props {
  /** 内容 */
  children: ReactNode
  /** 自定义样式名 */
  className?: string
  /** 自定义样式 */
  style?: CSSProperties
}

export default function ToasterContainer({ children, className, style }: Props) {
  const prefix = usePrefix('toaster-container')

  return <div className={cns(prefix, className)} style={style}>{children}</div>
}