import Builder, { toProps } from "../../utils/builder";
export default {
    title: 'Components/Media',
    component: 'x-media',
};
const Template = new Builder(args => `<x-media ${toProps(args)} style="max-width: 500px">
	<h2>Sandy Sandwiches</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi voluptate iure nostrum debitis quae nihil, id fugiat consequatur quo, laborum, non eligendi dolore expedita minima voluptates repudiandae</p>
</x-media>`);
export const Simple = Template.args({
    src: 'https://store.playstation.com/store/api/chihiro/00_09_000/container/US/en/99/UP0937-CUSA05590_00-AV00000000000004/0/image?_version=00_09_000&platform=chihiro&bg_color=000000&opacity=100&w=720&h=720',
    width: '8rem',
    label: 'Sandwich',
}).build();
export const Right = Template.args({
    src: 'https://store.playstation.com/store/api/chihiro/00_09_000/container/US/en/99/UP0937-CUSA05590_00-AV00000000000004/0/image?_version=00_09_000&platform=chihiro&bg_color=000000&opacity=100&w=720&h=720',
    width: '8rem',
    label: 'Sandwich',
    align: 'right',
}).build();
export const Rounded = Template.args({
    src: 'https://store.playstation.com/store/api/chihiro/00_09_000/container/US/en/99/UP0937-CUSA05590_00-AV00000000000004/0/image?_version=00_09_000&platform=chihiro&bg_color=000000&opacity=100&w=720&h=720',
    width: '100px',
    rounded: true,
    label: 'Sandwich',
}).build();
