import { LmComponentRender as LmIframe } from '@LmComponentRender' import { IframeAdvancedStoryblok, IframeStoryblok } from '../typings/generated/components-schema' import { storyIframe } from '../storybook/core/various' const props: IframeStoryblok = { _uid: '2313', component: 'iframe', url: 'https://www.youtube.com/embed/tgbNymZ7vqY' } const advanced: IframeAdvancedStoryblok = { _uid: '1231', component: 'iframe_advanced', url: 'https://mysga.studentsgoabroad.com/?id=cj9sfuvq9onal0116182ztkb0' } const advanced2: IframeAdvancedStoryblok = { _uid: '1231332', component: 'iframe_advanced', url: 'https://mysga.studentsgoabroad.com/?id=cj9sl3csjyn7z0160hnehn855&fluid' } // eslint-disable-next-line import/no-anonymous-default-export export default { title: 'Design/Data Display/IFrame' } export const Basic = () => ( <> ) export const Responsive = () => ( <>

16 by 9

4 by 3

) export const Advanced = () => export const WithMessage = () => export const Playground = () => ( <> )