import { StyleSheet } from 'react-native';
import { borderRadius, shadow } from '@theme';

export const getStyles = (colors: any) =>
  StyleSheet.create({
    sheet: {
      position: 'absolute',
      bottom: 0,
      left: 0,
      right: 0,
      backgroundColor: colors.cardBg,
      borderTopLeftRadius: borderRadius.xl,
      borderTopRightRadius: borderRadius.xl,
      paddingHorizontal: 20,
      paddingBottom: 30,
      paddingTop: 12,
      borderTopWidth: 1,
      borderTopColor: colors.border,
      ...shadow.lg,
      zIndex: 100,
    },
    handle: {
      width: 40,
      height: 5,
      borderRadius: 3,
      backgroundColor: colors.border,
      alignSelf: 'center',
      marginBottom: 16,
    },
  });