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

interface Props {
    children?: React.ReactNode;
    onClick: () => void;
  }

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