import PropTypes from "prop-types";
import popupAriaProps from "./Popup.ariaPropTypes";
import tagAttributeProps, {
  tagAttributePropsName
} from "../../propTypes/htmlAttributes.propTypes";
import automationProps, {
  automationPropsName
} from "../../propTypes/automation.propTypes";
import customClassProps, {
  customClassPropName
} from "../../propTypes/customClassName.propTypes";
import defaultCustomIds from "./Popup.customIds";
import constantProps from "./Popup.constantProps";

export default {
  // placement: PropTypes.oneOf([""]),
  title: PropTypes.string,
  trigger: PropTypes.string,
  content: PropTypes.func,

  ...automationProps,
  ...popupAriaProps,
  ...customClassProps,
  ...tagAttributeProps
};

export const defaultProps = {
  // placement: constantProps.placement,
  arrowSize: "small",
  popupPosition: "bl",
  hover: false,

  tagAttributeProps: {},

  //   [automationPropsName]: defaultCustomIds,
  [customClassPropName]: {},
  [tagAttributePropsName]: {}
};

export const propsDescription = {
  placement: "",
  title: "",
  trigger: "",
  content: ""
};

export const popupContentDefaultProps = {
  size: "default",
  color: "default"
};
