apps/admin-x-design-system/src/global/chrome/MobileChrome.tsx
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='w-100 h-100 grow overflow-auto rounded-2xl border border-grey-100 dark:border-grey-950'>
{children}
</div>
</div>
);
};
export default MobileChrome;