import React, { useRef } from 'react';
import Box from '@mui/material/Box';
import { SxProps } from '@mui/material/styles';

import './AIBanner.css';

type AIBannerProps = {
    sx?: SxProps;
}

const AIBanner: React.FC<AIBannerProps> = (props : AIBannerProps) => {
    const { sx = {} } = props;
    const aibannerRef = useRef<HTMLElement | null>(null);
    
    return (
        <Box sx={sx} className='aibanner-clipper'>
            <Box ref={aibannerRef} className='aibanner-label'>
                <Box>AI Generated</Box>
            </Box>
        </Box>
    );
};

export {
    AIBanner
};