import { View, Dimensions } from 'react-native';
import { styled } from '@gluestack-style/react';

export default styled(
  View,
  {
    shadowColor: 'black',

    shadowOffset: {
      width: 0,
      height: 1,
    },

    shadowOpacity: 0.2,
    shadowRadius: 1.41,
    elevation: 2,
    // @ts-ignore
    maxHeight: `${Dimensions.get('window').height - 150}px`,
    rounded: '$lg',
    overflow: 'hidden',
    bg: '$muted50',
    maxWidth: 450,

    _dark: {
      bg: '$muted800',
    },
  },
  {}
);