import React, { ReactNode } from 'react';
import Typography from "./Typography";
import CopyButton from "../CopyButton/CopyButton";
import './InputFake.scss';

type InputFakeProps = {
    children?: ReactNode;
    theme?: "classic" | "light-input";
    hasCopy?: boolean;
};

const InputFake = ({ children, theme, hasCopy }: InputFakeProps) => {


    return (
        <div className={`input-fake ${theme}`}>
            <Typography fontSize="16px" tag="p" className={theme}>
                {children ? children : '--'}
                {hasCopy && <CopyButton
                    text={children ? children as string : ''}
                message={'Το Περιεχόμενο Αντιγράφηκε'}
                />
                }
            </Typography>
        </div>
    );
};

export default InputFake;