You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
687 B
27 lines
687 B
import React from 'react'
|
|
import Image from 'next/image';
|
|
|
|
interface Props {
|
|
children: React.ReactNode;
|
|
src: string;
|
|
alt: string;
|
|
width: number;
|
|
height: 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>
|
|
)
|
|
} |