bot-image-moderation-fe/src/components/ImageModerator/ImageModerator.tsx

import Button from "../Button/Button";

export interface ImageModeratorProps {
    apiEndpoint: string;
    imageUrlProperty: string;
}

export default function ImageModerator({apiEndpoint, imageUrlProperty}: ImageModeratorProps) {
    return <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr",
    gridTemplateRows: "1fr 50px", gridTemplateAreas: "'. .' '. .'", width: "100vw", height: "100vh" }}>
        <img src={imageUrlProperty} style={{ width: "100%", height: "100%", gridColumnStart: 1, gridColumnEnd: 3, display: "block", objectFit: "contain" }} />
        <Button label="Discard" />
        <Button label="Accept" />
    </div>
}