import React from 'react';
import { Animated } from 'react-native';
import { SBox } from './s-box';
import { fp as _ } from '../../utils/fp';

const BoxAnimated = Animated.createAnimatedComponent(SBox);

export const SBoxAnimated = ({ zIndex, ...rest }: any) => (
  <BoxAnimated {...rest} zIndex={_.isNotNil(zIndex) ? zIndex : 1} />
);