import { Screen } from "design-system/components/Screen";
import { Text } from "design-system/components/Text";
import { Box } from "design-system/primitives/Box/Box";

export function BlankModal() {
  return (
    <Screen paddingVertical="0px">
      <Box flex={1}>
        <Text variant="header">Top Text auto inset heandling</Text>
      </Box>
      {/* TODO: maybe wrap all 'modal' screens in a context provider to remvoe top inset on ios */}
      <Text variant="header">Bottom Text auto inset heandling</Text>
    </Screen>
  );
}