import { Animated, View } from 'react-native';
import styled from '@emotion/native';
import Box from '../Box';

const AnimatedBox = Animated.createAnimatedComponent(View);

const StyledWrapper = styled(Box)({
  flexDirection: 'row',
});

const StyledIconWrapper = styled(AnimatedBox)(({ theme }) => ({
  padding: theme.__hd__.rate.spaces.iconWrapperPadding,
  marginRight: theme.__hd__.rate.spaces.iconWrapperMarginRight,
}));

export { StyledWrapper, StyledIconWrapper };
