@attio/react-native-bottom-sheet-toolbox/dist/commonjs/components/bottom-sheet-toolbox-default-handle.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.BottomSheetToolboxDefaultHandle = BottomSheetToolboxDefaultHandle;
var _reactNative = require("react-native");
var _jsxRuntime = require("react/jsx-runtime");
const DEFAULT_DRAG_HANDLE_COLOR = _reactNative.Platform.select({
  ios: _reactNative.Platform.OS === "web" ? "#EDEEEF" : (0, _reactNative.PlatformColor)("tertiaryLabel", "#EDEEEF"),
  default: "#EDEEEF"
});
const styles = _reactNative.StyleSheet.create({
  container: {
    paddingTop: 8,
    width: "100%"
  },
  dragHandle: {
    alignSelf: "center",
    backgroundColor: DEFAULT_DRAG_HANDLE_COLOR,
    borderRadius: 2,
    height: 4,
    width: 40
  }
});
function BottomSheetToolboxDefaultHandle({
  style,
  children
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: [styles.container, style],
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
      style: styles.dragHandle
    }), children]
  });
}
//# sourceMappingURL=bottom-sheet-toolbox-default-handle.js.map