import * as React from "react";
import './index.less'
import Magic from '../commen/magic'

type ImgList = {
    link: string,
    picurl: string
}

export interface IPropTypes {
    pageSpace: number
    space: number,
    imgList: Array<ImgList>
}

class OneLeftTwoRight extends React.Component<IPropTypes, any> {
    constructor(props: IPropTypes) {
        super(props);
        this.state = {}
    }


    render(): React.ReactElement<any> | string | number | {} | React.ReactNodeArray | React.ReactPortal | boolean | null | undefined {
        let space = this.props.space;
        let firstHeight = 'calc(100% + ' + space + 'px)';
        return (
            <Magic {...this.props}
                   number={3}
                   className={'shop-magic-wrapper-5'}
                   paddingBottom={true}
                   itemHeights={[firstHeight]}
            ></Magic>
        );
    }
}

export default OneLeftTwoRight;