native-base/lib/module/theme/components/toast.js

Essential cross-platform UI components for React Native

import { mode } from './../tools';
import { Easing } from 'react-native';

const baseStyle = props => {
  // NOTE: Internal pseudo props like _stack, _overlay nad _presenceTransition can only be update by the theme.
  return {
    bg: mode("muted.700", "muted.600")(props),
    p: '2',
    rounded: 'sm',
    shadow: 6,
    // The stack in which toast are being rendered
    _stack: {
      margin: 'auto',
      position: 'absolute',
      space: 2,
      alignItems: 'center',
      justifyContent: 'center',
      pointerEvents: 'box-none'
    },
    _overlay: {},
    _presenceTransition: {
      animate: {
        opacity: 1,
        transition: {
          easing: Easing.ease,
          duration: 250
        }
      },
      exit: {
        opacity: 0,
        scale: 0.85,
        transition: {
          easing: Easing.ease,
          duration: 100
        }
      }
    },
    _title: {
      color: 'text.50',
      fontWeight: 700
    },
    _description: {
      color: 'text.50',
      fontWeight: 400
    }
  };
};

export const Toast = {
  baseStyle,
  defaultProps: {}
};
//# sourceMappingURL=toast.js.map