TryGhost/Ghost

import React from 'react';

export interface DesktopChromeProps {
    children?: React.ReactNode;
}

const DesktopChrome: React.FC<DesktopChromeProps & React.HTMLAttributes<HTMLDivElement>> = ({children, ...props}) => {
    return (
        <div className='flex h-full w-full flex-col px-5' {...props}>
            <div className="h-full w-full overflow-hidden rounded-t-[4px] shadow-sm">
                {children}
            </div>
        </div>
    );
};

export default DesktopChrome;