import styles from '../index.module.scss'
import Link from 'next/link';
import type { ResponseTypeHome } from '@/types/indexTypes';

const HomeFloor1 = (props: ResponseTypeHome) => {
    const on_sale_list = props!.data?.on_sale_list || []
  
    return (
        <>
            <div className={`${styles.floor1} w1226 bothSide`}>
                <div className={`${styles.cons} row bothSide`}>
                    {
                        on_sale_list.map(item => {
                            return (
                                <Link href={`/item/${item.sku_id}.html`} key={item.sku_id} className={`${styles.item} boxsiz row bothSide`}>
                                    <img src={item.goods_images || '/images/default.jpg'} alt="" />
                                    <div className={`${styles.rt} boxsiz `}>
                                        <div className={styles.gos}>{item.sku_name}</div>
                                        <div className={styles.nam}>{item.brand_name}</div>
                                        <div className={styles.prs}>¥{item.single_price}</div>
                                    </div>
                                </Link>
                            )
                        })
                    }

                </div>

                <Link href='/' className={styles.floor1ad}>
                    <img src="https://img.ichunt.com/images/cms/202407/23/3f69491bab8057ee2411eb09c0fb4f39.jpg" alt="" />
                </Link>
            </div>
        </>
    )

}

export default HomeFloor1