import { IProps } from "@/common/Iprops.interface";
import { AppContianer } from "@/layouts/AppContianer";
import { PageLayout } from "@/layouts/PageLayout";

interface NewsDetailsType extends IProps{}
export const NewsDetails = (props:NewsDetailsType)=>{
    return(
        <PageLayout>
            <AppContianer>
                <div className="flex normal-text">
                    <div className='left'>
                        <div className='flex-col pr-5 pt-12 text-center '>
                                <div className='py-5'>
                                    <div>- 来源 -</div>
                                    <div className='content-sub-title-cn'>杭州复杂美科技</div>
                                </div>
                                <div className='py-5'>
                                    <div>- 日期 -</div>
                                    <div className=' hero-title'>18</div>
                                    <div className='content-sub-title-cn'>2021/08</div>
                                </div>
                                <div className='py-5'>
                                <div>- 作者 -</div>
                                    <div className='content-sub-title-cn'>复杂美科技</div>
                                </div>
                        </div>
                    </div>
                    <div className='center flex-grow'>
                        <div className='richRender pt-5 px-20'>
                        richcontent from 33 news service
                        </div>
                    </div>
                    <div className='right'>
                        <div className='flex-col pl-5 pt-12'>
                            <div className='content-sub-title-cn'>最新消息</div>
                            <div>
                                news Items
                            </div>
                        </div>
                    </div>
                </div>
            </AppContianer>
        </PageLayout>
    )
    
}