/**
 * External dependencies
 */
import type { Meta, StoryFn } from '@storybook/react-vite';
import { fn } from 'storybook/test';

/**
 * Internal dependencies
 */
import SandBox from '..';

const meta: Meta< typeof SandBox > = {
	tags: [ 'manifest' ],
	component: SandBox,
	title: 'Components/Utilities/SandBox',
	id: 'components-sandbox',
	argTypes: {
		onFocus: { control: false },
	},
	args: {
		onFocus: fn(),
	},
	parameters: {
		controls: { expanded: true },
		docs: { canvas: { sourceState: 'shown' } },
		componentStatus: {
			status: 'stable',
			whereUsed: 'global',
		},
	},
};
export default meta;

const Template: StoryFn< typeof SandBox > = ( args ) => <SandBox { ...args } />;

export const Default = Template.bind( {} );
Default.args = {
	html: '<p>Arbitrary HTML content</p>',
};