import 'package:flutter/material.dart';
import 'package:le_kiosque_by_gcs/model/magazine.dart';
import 'package:le_kiosque_by_gcs/ui/custom/item_mag_large.dart';

import 'item_mag_small.dart';

class ItemMagRowNewest extends StatelessWidget {
  const ItemMagRowNewest({
    Key key,
    this.magazines,
  }) : super(key: key);

  final List<Magazine> magazines;

  @override
  Widget build(BuildContext context) {
    return SliverToBoxAdapter(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: const EdgeInsets.only(bottom: 16, top: 26),
            child: Text(
              "Nouveautés",
              style: TextStyle(
                fontSize: 22,
              ),
            ),
          ),
          Container(
            height: 235,
            child: ListView.builder(
              scrollDirection: Axis.horizontal,
              itemCount: magazines.length,
              itemBuilder: (context, index) {
                return Padding(
                  padding: const EdgeInsets.only(right: 16),
                  child: ItemMagLarge(
                    magazine: magazines[index],
                  ),
                );
              },
            ),
          )
        ],
      ),
    );
  }
}