import React from 'react';
import { Screen } from '@digigov/ui/layouts/Screen';

export const Default = (_: any) => {
  return (
    <>
      <Screen size="mdUp">
        <div>This is a mdUp screen</div>
      </Screen>
      <Screen size="mdDown">
        <div>This is a mdDown screen</div>
      </Screen>
      <Screen size="xs">
        <div>This is a xs screen</div>
      </Screen>
      <Screen size="sm">
        <div>This is a sm screen</div>
      </Screen>
    </>
  );
};
export default Default;
