"use strict";Object.defineProperty(exports, "__esModule", {value: true});

var _chunkSEEC7P7Ojs = require('./chunk-SEEC7P7O.js');

// tmp-babel/profiles/native/ProfileSettingsComponent/BottomDrawer/index.js
var _drawers = require('@baseapp-frontend/design-system/components/native/drawers');
var _icons = require('@baseapp-frontend/design-system/components/native/icons');
var _typographies = require('@baseapp-frontend/design-system/components/native/typographies');
var _views = require('@baseapp-frontend/design-system/components/native/views');
var _native = require('@baseapp-frontend/design-system/providers/native');
var _reactnative = require('react-native');
var _jsxruntime = require('react/jsx-runtime');
var BottomDrawer = function BottomDrawer2(_ref) {
  var bottomDrawerRef = _ref.bottomDrawerRef, handleSheetChanges = _ref.handleSheetChanges, _ref$type = _ref.type, type = _ref$type === void 0 ? "image" : _ref$type, handleViewPhotoLibrary = _ref.handleViewPhotoLibrary, handleTakePhoto = _ref.handleTakePhoto, handleRemoveImage = _ref.handleRemoveImage;
  var theme = _native.useTheme.call(void 0, );
  var styles = _chunkSEEC7P7Ojs.createStyles.call(void 0, theme);
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _drawers.BottomDrawer, {
    bottomDrawerRef,
    handleSheetChanges,
    children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _views.View, {
      style: styles.modalContent,
      children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _views.View, {
        style: styles.modalItem,
        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _typographies.Text, {
          variant: "body2",
          color: "low",
          children: ["Upload a new ", type]
        })
      }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.Pressable, {
        onPress: handleViewPhotoLibrary,
        style: styles.modalItem,
        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.FlowerIcon, {
          width: 20,
          height: 20,
          color: theme.colors.object.high
        }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
          variant: "body2",
          color: "high",
          children: "View photo library"
        })]
      }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.Pressable, {
        onPress: handleTakePhoto,
        style: styles.modalItem,
        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.CameraOutlinedIcon, {
          width: 20,
          height: 20,
          color: theme.colors.object.high
        }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _typographies.Text, {
          variant: "body2",
          color: "high",
          children: "Take a photo"
        })]
      })]
    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _views.View, {
      style: [styles.modalContent, {
        borderBottomWidth: 0
      }],
      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactnative.Pressable, {
        onPress: function onPress() {
          return handleRemoveImage(type);
        },
        style: styles.modalItem,
        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _icons.TrashIcon, {
          width: 20,
          height: 20,
          color: theme.colors.error.main
        }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _typographies.Text, {
          variant: "body2",
          style: {
            color: theme.colors.error.main
          },
          children: ["Remove ", type === "image" ? "image" : "banner"]
        })]
      })
    })]
  });
};
var BottomDrawer_default = BottomDrawer;



exports.BottomDrawer_default = BottomDrawer_default;
//# sourceMappingURL=chunk-WWW27UB2.js.map