import { showNotice, closeALlNotice, closeNotice } from '@brewer/beerui';
let noticeInstance;
function openInfo(): void {
	// 如需手动关闭需要接收返回的id 调用closeNotice(id) 指定去关闭
	noticeInstance = showNotice({
		title: '相思',
		message: '红豆生南国，春来发几枝',
		duration: 3000
	});
}

function openPosInfo(position: string): void {
	let title: string = '提示';
	let message: string = '这是信息';
	if (position === 'top-right') {
		title = '提示';
		message = '两情若是久长时，又岂在朝朝暮暮。';
	} else if (position === 'top-left') {
		title = '江行寄远';
		message = '思君不可得，愁见江水碧。';
	} else if (position === 'bottom-right') {
		title = '长恨歌';
		message = '后宫佳丽三千人，三千宠爱在一身。';
	} else if (position === 'bottom-left') {
		title = '长恨歌';
		message = '在天愿作比翼鸟，在地愿为连理枝。天长地久有时尽，此恨绵绵无绝期。';
	}
	showNotice({
		title,
		message,
		position,
		duration: 3000
	});
}

function openColorNotice() {
	showNotice({
		title: '上邪',
		message: '山无陵，江水为竭，冬雷震震，夏雨雪，天地合，乃敢与君绝。',
		duration: 3000,
		titleColor: '#2b9939',
		messageColor: '#7376f0'
	});
}


function openNotice() {
	showNotice({
		title: '滕王阁序',
		message: '落霞与孤鹜齐飞,秋水共长天一色',
		duration: 0
	});
}

function closeOne() {
	closeNotice(noticeInstance);
}

function closeAll() {
	closeALlNotice();
}

function openNotice1() {
	showNotice({
		title: '三五七言',
		message: '入我相思门',
		duration: 3000,
		onClose: onClose
	});
}

function onClose() {
	alert('知我相思苦');
}

function openNotice2() {
	showNotice({
		title: '木兰花·拟古决绝词柬友',
		message: '人生若只如初见，何事秋风悲画扇。',
		duration: 0,
		onClick: onClick
	});
}

function onClick() {
	alert('你好Beer UI');
}


		
	

		
const openTypeNotice = (type, toast) => {
	showNotice({
		title: '提示',
		toast: toast,
		message: type,
		duration: 3000,
		type
	});
}
	
		
	<BeButton size='normal' type='default' on:click={() => openTypeNotice('success', true)}>
		<div style='display: flex'>
			<BeIcon name='check-circle-filled' color='#67c23a' /> <span style='padding-left: 5px;'>成功</span>
		</div>
	</BeButton>
	<BeButton size='normal' type='default' on:click={() => openTypeNotice('warning')}>
		<div style='display: flex'>
			<BeIcon name='error-circle-filled' color='#e6a23c' /> <span style='padding-left: 5px;'>警告</span>
		</div>
	</BeButton>
	<BeButton size='normal' type='default' on:click={() => openTypeNotice('info')}>
		<div style='display: flex'>
			<BeIcon name='info-circle-filled' color='#909399' /> <span style='padding-left: 5px;'>消息</span>
		</div>
	</BeButton>
	<BeButton size='normal' type='default' on:click={() => openTypeNotice('error')}>
		<div style='display: flex'>
			<BeIcon name='close-circle-filled' color='#f56c6c' /> <span style='padding-left: 5px;'>错误</span>
		</div>
	</BeButton>