import React from 'react'
import Image from 'next/image';

interface Props {
    children: React.ReactNode;
    src: string;
    alt: string;
    width: number;
  }

export const PictureText: React.FC<Props> = ({src, alt, width, height, children}) => {
    return(
        <div className={'pictureText_main'}>
            <Image
                className = {'pictureText_img'}
                src={src}
                alt={alt}
                width={width}
                height={height}
            />
            <div className={'pictureText_box'} >
                <p className={'pictureText_text'}>{props.children}</p>
            </div>
        </div>
    )
}