import type { ReactNode } from 'react'

import type { AvatarProps } from '../avatar'
import type { SystemProps } from '../system'
import type { ThemingProps } from '../theme'

export type MessageProps = SystemProps &
  ThemingProps<'Message'> & {
    /** Displays given text if no children are provided. */
    text?: ReactNode
    /** If provided, it shows the avatar instead of the status icon */
    avatar?: AvatarProps
  }
