import React from 'react'
import GeneralImage from '../GeneralImage/GeneralImage'
import { ImgContainer } from '../../types'
import ButtonIcon from '../ButtonIcon/ButtonIcon'
import './ImageContainer.css'

export interface ButtonIconProps {
    route: string
    width?: number
    height?: number
    fill?: string
    fillRule?: "nonzero" | "evenodd";
}

export default function ImageContainer({ images } : ImgContainer, {route, width, height, fill, fillRule} : ButtonIconProps) {


    return (
        <div className='containet-flex'>
            <ButtonIcon route={route} width={width} height={height} fill={fill} fillRule={fillRule} />
            {images.map((item) => (
                <GeneralImage route={item.route} alt={item.alt} width={400} height={400} />
            ))}
        </div>
    )
}
