"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UploadText = exports.CameraView = exports.DeleteIcon = exports.DeleteIconWrapper = exports.UploadIcon = exports.UploadIconWrapper = exports.Wrapper = void 0;
const tslib_1 = require("tslib");
const react_native_camera_1 = require("react-native-camera");
const native_1 = tslib_1.__importDefault(require("styled-components/native"));
const theme_toolkit_1 = require("@platformbuilders/theme-toolkit");
const Icon_1 = tslib_1.__importDefault(require("../Icon"));
const Touchable_1 = tslib_1.__importDefault(require("../Touchable"));
const Typography_1 = tslib_1.__importDefault(require("../Typography"));
const iconColor = (0, theme_toolkit_1.getTheme)('text.main');
const deleteIconColor = (0, theme_toolkit_1.getTheme)('text.main');
const brandPrimaryMain = (0, theme_toolkit_1.getTheme)('brand.primary.main');
const backgroundZ2 = (0, theme_toolkit_1.getTheme)('background.z2');
const borderRadius = (0, theme_toolkit_1.getTheme)('themeRadius.card');
const spacingMd = (0, theme_toolkit_1.getTheme)('spacing.md');
const spacingSm = (0, theme_toolkit_1.getTheme)('spacing.sm');
exports.Wrapper = (0, native_1.default)(Touchable_1.default) `
  overflow: hidden;
  position: relative;
  border-radius: ${borderRadius}px;
  border-width: 2px;
  min-height: 120px;
  border-color: ${backgroundZ2};
  border-style: dashed;
  justify-content: center;
  align-items: center;
`;
exports.UploadIconWrapper = native_1.default.View `
  align-items: center;
  justify-content: center;
`;
exports.UploadIcon = (0, native_1.default)(Icon_1.default).attrs((props) => ({
    color: iconColor(props),
})) `
  margin-bottom: ${spacingMd}px;
  opacity: 0.6;
`;
exports.DeleteIconWrapper = (0, native_1.default)(Touchable_1.default) `
  position: absolute;
  top: ${spacingSm}px;
  right: ${spacingSm}px;
  z-index: 1;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: ${backgroundZ2};
  opacity: 0.6;
`;
exports.DeleteIcon = (0, native_1.default)(Icon_1.default).attrs((props) => ({
    color: deleteIconColor(props),
    size: 10,
})) ``;
exports.CameraView = (0, native_1.default)(react_native_camera_1.RNCamera) `
  height: 100%;
  overflow: hidden;
`;
exports.UploadText = (0, native_1.default)(Typography_1.default) `
  color: ${brandPrimaryMain};
`;
//# sourceMappingURL=styles.js.map