import styled from 'styled-components/native'
import { getBottomSpace } from 'react-native-iphone-x-helper'
import { RFValue } from 'react-native-responsive-fontsize'
import { Platform } from 'react-native'

export const Container = styled.ScrollView.attrs({
  showsVerticalScrollIndicator: false,
  contentContainerStyle: {
    paddingTop: RFValue(24),
    paddingBottom:
      Platform.OS === 'ios' ? RFValue(getBottomSpace()) : RFValue(24),
  },
})`
  background-color: ${({ theme }) => theme.colors.primary};
`