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