import React from 'react';

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

const MobileChrome: React.FC<MobileChromeProps & React.HTMLAttributes<HTMLDivElement>> = ({children, ...props}) => {
    return (
        <div className='flex h-[775px] w-[380px] flex-col rounded-3xl bg-white p-2 shadow-xl dark:bg-grey-900' {...props}>
            <div className='h-100 w-100 grow overflow-auto rounded-2xl border border-grey-100 dark:border-grey-950'>
                {children}
            </div>
        </div>
    );
};

export default MobileChrome;
