BridgeView.styles.ts

import { StyleSheet } from 'react-native';
import { Theme } from '../../../../../util/theme/models';

export const createStyles = (params: { theme: Theme }) => {
  const { theme } = params;
  return StyleSheet.create({
    content: {
      flex: 1,
    },
    screen: {
      flex: 1,
    },
    inputsContainer: {
      paddingVertical: 12,
      paddingHorizontal: 24,
    },
    buttonContainer: {
      width: '100%',
      paddingHorizontal: 16,
      gap: 12,
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: theme.colors.background.default,
    },
    quoteContainer: {
      justifyContent: 'flex-start',
    },
    destinationAccountSelectorContainer: {
      paddingBottom: 12,
    },
    dynamicContent: {
      justifyContent: 'flex-start',
    },
    keypadContainerWithDestinationPicker: {
      justifyContent: 'flex-end',
      paddingBottom: 8,
    },
    scrollView: {
      flex: 1,
    },
    scrollViewContent: {
      flexGrow: 1,
      paddingBottom: 16,
    },
    loadingContainer: {
      paddingTop: 8,
    },
    disclaimerText: {
      textAlign: 'center',
    },
    destTokenArea: {
      // marginTop: 16,
    },
    keypadBottomSheet: {
      marginBottom: -1,
      marginHorizontal: -1,
      borderColor: theme.colors.border.muted,
      borderBottomColor: theme.colors.background.default,
    },
  });
};