import * as React from 'react';
import { videoSchema } from '@skava/packages/core/schemas';
import { Video, HomeWidgetOrderWrap, HomeHeadingContainer, HomeTitle, HomeWidgetOrderBottom } from './styled';
import { HomeTitleText, VideoList } from './fixture';
import MultiBanner from './MultiBanner';
import { JsonLd } from '@skava/packages/ui';
export const toVideo = (props, index) => {
    const videoSchemaData = videoSchema(props);
    return (React.createElement(React.Fragment, { key: index },
        React.createElement(Video, Object.assign({}, props, { key: index })),
        React.createElement(JsonLd, { data: videoSchemaData, key: "schema-video" })));
};
export const VideoWidgetPanel = (props) => VideoList.map(toVideo);
export const HomeGrid = (props) => (React.createElement(HomeWidgetOrderWrap, null,
    React.createElement(HomeHeadingContainer, null,
        React.createElement(HomeTitle, null,
            ' ',
            HomeTitleText.title[0],
            "\u2019",
            HomeTitleText.title[1],
            " ",
            React.createElement("br", null),
            HomeTitleText.subtitle[0],
            "\u2019",
            HomeTitleText.subtitle[1])),
    React.createElement(HomeWidgetOrderBottom, null,
        React.createElement(MultiBanner, { key: "mb-1", bannerType: "items" }))));
//# sourceMappingURL=renderProps.js.map