/** 限制展开的图文详情 */
import React, { useMemo } from 'react';
import './style';
import { Context } from 'cbkfe-ui';
import CommonHeader from '../CommonHeader';
import { isObject } from 'cbkfe-utils';
// track
import { gt } from '../track';

export default function LimitContext(props) {
    // const [ scroll, updateScroll ] = useState(false);
    // useEffect(() => {
    //     if (scroll) {
    //         let limitBtn = document.querySelector('.groupon-limit-context__limitBtn');
    //         limitBtn && window.scrollTo(0, limitBtn.offsetTop);
    //         Promise.resolve(false).then(updateScroll);
    //     }
    // }, [scroll]);
    return useMemo(() => {
        return isObject(props, true)
            ? <div {...gt('gbdetail_buy_pic_pv')} className="groupon-limit-context">
                <CommonHeader title="图文详情" />
                <Context html={props.html} perLimit={props.limitContext} minHeight={props.minHeight} padding={props.padding} />
            </div>
            : null;
    }, [props]);
}