import {StyleSheet} from 'react-native';
import {COLORS} from '@shared/colors';

export const HANDLE_HEIGHT = 24;
export const CAROUSEL_HEIGHT = 90;

export const styles = StyleSheet.create({
  container: {
    left: 0,
    position: 'absolute',
    right: 0,
  },
  carouselWrapper: {height: CAROUSEL_HEIGHT},
  handleContainer: {
    alignItems: 'center',
    height: HANDLE_HEIGHT,
    justifyContent: 'center',
    paddingVertical: 10,
    width: '100%',
  },
  handle: {
    backgroundColor: COLORS.TRANSPARENT_GRAY_TWO,
    borderRadius: 2,
    height: 4,
    marginBottom: 16,
    width: 60,
  },
  carouselContentWrapper: {
    height: HANDLE_HEIGHT,
    overflow: 'hidden',
  },
  contentContainer: {paddingHorizontal: 10},
  flatList: {overflow: 'visible'},
});
