import { ArticleImage } from './article-image';
import type { ControlsMap } from '../../../sub-packages/styleguide/src/data/control-types';
export const meta = {
title: 'MDX/ArticleImage',
};
export const controls: ControlsMap = {
slug: { type: 'text', default: 'oxi-cap-ep1-front-panel' },
caption: { type: 'text', default: 'OXI ONE MKII front panel overview' },
};
/**
* Default - with caption
*/
export const Default = {
args: { slug: 'oxi-cap-ep1-front-panel', caption: 'OXI ONE MKII front panel overview' },
render: ({ slug, caption }: { slug: string; caption: string }) => (
<ArticleImage slug={slug} caption={caption || undefined} />
),
};
export const WithCaption = () => (
<ArticleImage slug="oxi-cap-ep1-front-panel" caption="OXI ONE MKII front panel overview" />
);
export const WithoutCaption = () => <ArticleImage slug="oxi-cap-ep1-grid-notes" />;