"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
const useStyles = theme => {
  const {
    width
  } = (0, _reactNative.useWindowDimensions)();
  const styles = _reactNative.StyleSheet.create({
    container: {
      alignSelf: 'center',
      width,
      borderTopWidth: 3,
      borderLeftWidth: 1,
      borderRightWidth: 1,
      borderTopLeftRadius: 20,
      borderTopRightRadius: 20,
      backgroundColor: theme.colors.background,
      borderColor: theme.colors.baseShade4,
      position: 'absolute',
      bottom: 0,
      paddingBottom: 14
    },
    handleBar: {
      alignSelf: 'center',
      width: 36,
      backgroundColor: theme.colors.baseShade4,
      height: 5,
      marginVertical: 10,
      borderRadius: 10
    },
    buttonsContainer: {
      flexDirection: 'row',
      paddingTop: 16,
      paddingHorizontal: 24,
      width: '100%',
      justifyContent: 'space-around'
    },
    iconContainer: {
      padding: 4,
      borderRadius: 100,
      backgroundColor: theme.colors.backgroundShade1
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map