import React from 'react';
import { Row, Col, Icon } from 'antd';
import QueueAnim from 'rc-queue-anim';
import ScrollOverPack from 'rc-scroll-anim/lib/ScrollOverPack';
import { FormattedMessage } from 'react-intl';
import svgBgToParallax from './util';
const page2Data = [
{
img: 'https://gw.alipayobjects.com/zos/rmsportal/eYNnmGagLWdrkdMHVUuA.svg',
name: 'Ant Design Components',
},
{
img: 'https://gw.alipayobjects.com/zos/rmsportal/EPaPtDVGnJhyqyBAUZMl.svg',
name: 'Ant Design Pro',
slogan: (),
},
{
img: 'https://gw.alipayobjects.com/zos/rmsportal/GobRAKexhfTSJdLFzDFY.svg',
name: 'Ant Design Mobile',
slogan: (),
},
{
img: 'https://gw.alipayobjects.com/zos/rmsportal/slVtnOCcgeAcLEPwtewY.svg',
name: 'AntV',
slogan: (),
},
];
const svgBgChild = [
(
),
(
),
];
const svgBgChildArray = svgBgChild.map((item, i) => {
const { props } = item;
return React.cloneElement(item, { children: svgBgToParallax(props.children, i) });
});
export default function Page2({ isMoblie }) {
const componentButton = (
);
const children = page2Data.map((item, i) => {
if (!isMoblie && !i) {
return null;
}
const content = isMoblie && !i ? componentButton : [
{item.slogan}
,
learn more ,
];
return (
{item.name}
{content}
);
});
return (
Ant Design Components
{componentButton}
{children}
{svgBgChildArray[0]}
{svgBgChildArray[1]}
);
}