import { Layout, Row } from 'antd';
import DeviceArea from './DeviceArea';
import ContentAreaSmall from './ContentAreaSmall';

const SmallScreen = ({ className }: { className?: string }) => {
  console.log('SmallScreen component rendered');
  return (
    <Layout className={`'border border-blue-400' ${className} w-full`}>
      <Row>
        <DeviceArea />
      </Row>
      <Row>
        <ContentAreaSmall className=" w-full" />
      </Row>
    </Layout>
  );
};

export default SmallScreen;
