import Message from '../components/Message'
import type { MessageProps } from '../components/Message'
import React from 'react'
import './Message.stories.scss'

export default {
  title: 'Message',
  component: Message,
  content: {},
}

const noticeInformArgs: MessageProps = {
  id: '',
  type: 'notice',
  state: 'inform',
}

export const noticeInformDefault = () => <Message {...noticeInformArgs} />

const noticeInformCustomTextArgs: MessageProps = {
  id: '',
  type: 'notice',
  state: 'inform',
  text: 'This is a custom message',
}

export const noticeInformCustomText = () => (
  <Message {...noticeInformCustomTextArgs} />
)