import {
  createStyles
} from "./chunk-RLTWU7SE.mjs";

// tmp-babel/profiles/native/ProfileSettingsComponent/BottomDrawer/index.js
import { BottomDrawer as BaseAppBottomDrawer } from "@baseapp-frontend/design-system/components/native/drawers";
import { CameraOutlinedIcon, FlowerIcon, TrashIcon } from "@baseapp-frontend/design-system/components/native/icons";
import { Text } from "@baseapp-frontend/design-system/components/native/typographies";
import { View } from "@baseapp-frontend/design-system/components/native/views";
import { useTheme } from "@baseapp-frontend/design-system/providers/native";
import { Pressable } from "react-native";
import { jsxs as _jsxs, jsx as _jsx } from "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 = useTheme();
  var styles = createStyles(theme);
  return /* @__PURE__ */ _jsxs(BaseAppBottomDrawer, {
    bottomDrawerRef,
    handleSheetChanges,
    children: [/* @__PURE__ */ _jsxs(View, {
      style: styles.modalContent,
      children: [/* @__PURE__ */ _jsx(View, {
        style: styles.modalItem,
        children: /* @__PURE__ */ _jsxs(Text, {
          variant: "body2",
          color: "low",
          children: ["Upload a new ", type]
        })
      }), /* @__PURE__ */ _jsxs(Pressable, {
        onPress: handleViewPhotoLibrary,
        style: styles.modalItem,
        children: [/* @__PURE__ */ _jsx(FlowerIcon, {
          width: 20,
          height: 20,
          color: theme.colors.object.high
        }), /* @__PURE__ */ _jsx(Text, {
          variant: "body2",
          color: "high",
          children: "View photo library"
        })]
      }), /* @__PURE__ */ _jsxs(Pressable, {
        onPress: handleTakePhoto,
        style: styles.modalItem,
        children: [/* @__PURE__ */ _jsx(CameraOutlinedIcon, {
          width: 20,
          height: 20,
          color: theme.colors.object.high
        }), /* @__PURE__ */ _jsx(Text, {
          variant: "body2",
          color: "high",
          children: "Take a photo"
        })]
      })]
    }), /* @__PURE__ */ _jsx(View, {
      style: [styles.modalContent, {
        borderBottomWidth: 0
      }],
      children: /* @__PURE__ */ _jsxs(Pressable, {
        onPress: function onPress() {
          return handleRemoveImage(type);
        },
        style: styles.modalItem,
        children: [/* @__PURE__ */ _jsx(TrashIcon, {
          width: 20,
          height: 20,
          color: theme.colors.error.main
        }), /* @__PURE__ */ _jsxs(Text, {
          variant: "body2",
          style: {
            color: theme.colors.error.main
          },
          children: ["Remove ", type === "image" ? "image" : "banner"]
        })]
      })
    })]
  });
};
var BottomDrawer_default = BottomDrawer;

export {
  BottomDrawer_default
};
//# sourceMappingURL=chunk-TOO63SSM.mjs.map