import React, { useEffect } from 'react';
import { PiClock } from 'react-icons/pi';
import type { Meta } from '@storybook/react-vite';
import { Launcher } from './Launcher';

const meta: Meta = {
	title: 'console/Launcher',
	parameters: {
		layout: 'fullscreen',
	},
};
export default meta;

export const Demo = () => {
	useEffect(() => {
		Launcher.addItems([
			{
				key: 'clock',
				title: '时间',
				icon: <PiClock />,
			},
		]);
	}, []);
	return (
		<div>
			<button
				type={'button'}
				className={'btn btn-sm'}
				onClick={() => {
					Launcher.toggle();
				}}
			>
				打开
			</button>
			<Launcher.Host />
		</div>
	);
};