import React from "react";
import { RedactableValue } from "./RedactableValue";
import { jsx as ___EmotionJSX } from "@emotion/react";
export default {
  title: "RedactableValue/RedactableValue",
  component: RedactableValue
};
export var RedactableValueDefault = function RedactableValueDefault() {
  return ___EmotionJSX(RedactableValue, {
    value: "Some value"
  });
};
export var RedactableValueIconDefault = function RedactableValueIconDefault() {
  return ___EmotionJSX(RedactableValue, {
    value: "Some value",
    editable: true,
    onRedactionRequested: function onRedactionRequested() {
      return console.log("Please redact");
    }
  });
};
export var RedactableValueIconCustom = function RedactableValueIconCustom() {
  return ___EmotionJSX(RedactableValue, {
    value: "Some value",
    editable: true,
    onRedactionRequested: function onRedactionRequested() {
      return console.log("Please redact");
    },
    iconRedact: ___EmotionJSX(React.Fragment, null, "X")
  });
};
//# sourceMappingURL=RedactableValue.stories.js.map