// Metro module 1202 (f1203).
export const defaultButtonStyles = (a0) => ({
  triggerButton: {
    position: "absolute",
    bottom: 30,
    right: 30,
    backgroundColor: a0.background,
    padding: 15,
    borderRadius: 40,
    justifyContent: "center",
    alignItems: "center",
    elevation: 5,
    shadowColor: a0.border,
    shadowOffset: {
      width: 1,
      height: 2
    },
    shadowOpacity: 0.5,
    shadowRadius: 3,
    flexDirection: "row",
    borderWidth: 1,
    borderColor: a0.border
  },
  triggerText: {
    color: a0.foreground,
    fontSize: 18
  },
  triggerIcon: {
    width: 24,
    height: 24,
    padding: 2,
    marginEnd: 6,
    tintColor: a0.sentryLogo
  }
});
export default (a0) => ({
  container: {
    flex: 1,
    padding: 20,
    backgroundColor: a0.background
  },
  title: {
    fontSize: 24,
    fontWeight: "bold",
    marginBottom: 20,
    textAlign: "left",
    flex: 1,
    color: a0.foreground
  },
  label: {
    marginBottom: 4,
    fontSize: 16,
    color: a0.foreground
  },
  input: {
    height: 50,
    borderColor: a0.border,
    borderWidth: 1,
    borderRadius: 5,
    paddingHorizontal: 10,
    marginBottom: 15,
    fontSize: 16,
    color: a0.foreground
  },
  textArea: {
    height: 100,
    textAlignVertical: "top",
    color: a0.foreground
  },
  screenshotButton: {
    backgroundColor: a0.background,
    padding: 15,
    borderRadius: 5,
    alignItems: "center",
    flex: 1,
    borderWidth: 1,
    borderColor: a0.border
  },
  screenshotContainer: {
    flexDirection: "row",
    alignItems: "center",
    width: "100%",
    marginBottom: 20
  },
  screenshotThumbnail: {
    width: 50,
    height: 50,
    borderRadius: 5,
    marginRight: 10
  },
  screenshotText: {
    color: a0.foreground,
    fontSize: 16
  },
  takeScreenshotButton: {
    backgroundColor: a0.background,
    padding: 15,
    borderRadius: 5,
    alignItems: "center",
    borderWidth: 1,
    borderColor: a0.border,
    marginTop: -10,
    marginBottom: 20
  },
  takeScreenshotText: {
    color: a0.foreground,
    fontSize: 16
  },
  submitButton: {
    backgroundColor: a0.accentBackground,
    paddingVertical: 15,
    borderRadius: 5,
    alignItems: "center",
    marginBottom: 10
  },
  submitText: {
    color: a0.accentForeground,
    fontSize: 18
  },
  cancelButton: {
    backgroundColor: a0.background,
    padding: 15,
    borderRadius: 5,
    alignItems: "center",
    borderWidth: 1,
    borderColor: a0.border
  },
  cancelText: {
    color: a0.foreground,
    fontSize: 16
  },
  titleContainer: {
    flexDirection: "row",
    width: "100%"
  },
  sentryLogo: {
    width: 40,
    height: 40,
    tintColor: a0.sentryLogo
  }
});
export { defaultButtonStyles as defaultScreenshotButtonStyles };
export const modalWrapper = {
  position: "absolute",
  top: 0,
  left: 0,
  right: 0,
  bottom: 0
};
export const modalSheetContainer = (a0) => ({
  backgroundColor: a0.background,
  borderTopLeftRadius: 16,
  borderTopRightRadius: 16,
  overflow: "hidden",
  alignSelf: "stretch",
  shadowColor: "#000",
  shadowOffset: {
    width: 0,
    height: -3
  },
  shadowOpacity: 0.1,
  shadowRadius: 4,
  elevation: 5,
  flex: 1
});
export const topSpacer = {
  height: 64
};