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

const StyledPageControl = styled(View)(() => ({
  flexDirection: 'row',
  alignItems: 'center',
}));

const StyledPageControlAnimatedView = styled(Animated.View)(({ theme }) => ({
  height: theme.__hd__.pageControl.sizes.paginatorHeight,
  width: theme.__hd__.pageControl.sizes.paginatorWidth,
  borderRadius: theme.__hd__.pageControl.radii.paginatorBorderRadius,
  backgroundColor: theme.__hd__.pageControl.colors.paginatorBackgroundColor,
  marginHorizontal: theme.__hd__.pageControl.space.paginatorMarginHorizontal,
}));

export { StyledPageControl, StyledPageControlAnimatedView };
