import React from 'react';
// import { CSSTransition } from 'react-transition-group';
import tw from 'twin.macro';
import FlashMessageRender from '@/components/FlashMessageRender';

const PageContentBlock: React.FC<{ showFlashKey?: string; className?: string }> = ({ children, showFlashKey }) => (
    // <CSSTransition timeout={150} classNames={'fade'} appear in>
    <>
        {showFlashKey &&
        <FlashMessageRender byKey={showFlashKey} css={tw`mb-4`}/>
        }
        {children}

        {/* <p css={tw`text-center text-neutral-500 text-xs mt-4`}>
            &copy; 2015 - 2021&nbsp;
            <a
                rel={'noopener nofollow noreferrer'}
                href={'https://pterodactyl.io'}
                target={'_blank'}
                css={tw`no-underline text-neutral-500 hover:text-neutral-300`}
            >
                Pterodactyl Software
            </a>
        </p> */}
    </>
    // </CSSTransition>
);

export default PageContentBlock;