import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["expanded"];

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

import * as React from 'react';
import * as AccordionStories from './Accordion.stories.mdx';
import { generateChromaticStory } from '../../chromatic/utils';
import AccordionItem from './AccordionItem';
import Accordion from './Accordion';
import Bubble from '../bubble/Bubble';
var copy = {
  title: 'Is this title for accordion?',
  // eslint-disable-next-line max-len
  description: "Now your family member just needs to open the link and hit 'accept'. If they aren't already on Brainly, we'll hook them up with that too. Create your unique family link with a click and share it with your family via email, Messenger, WhatsApp, whatever you like.",
  bubbleContent: "Now your family member just needs to open the link and hit 'accept'. If they aren't already on Brainly"
};

var WithTooltip = function WithTooltip(args) {
  var handleChange = function handleChange() {
    return null;
  };

  var propsExpanded = args.expanded,
      props = _objectWithoutProperties(args, _excluded);

  return /*#__PURE__*/React.createElement(Accordion, _extends({
    onChange: handleChange,
    expanded: args.expanded
  }, props), /*#__PURE__*/React.createElement(AccordionItem, {
    title: copy.title,
    key: "1",
    id: "accordion_item_1"
  }, copy.description, /*#__PURE__*/React.createElement(Bubble, {
    direction: "top",
    style: {
      position: 'absolute',
      marginTop: '10px'
    }
  }, copy.bubbleContent)));
};

WithTooltip.args = {
  expanded: 'accordion_item_1'
};
export var Default = generateChromaticStory(_objectSpread(_objectSpread({}, AccordionStories), {}, {
  WithTooltip: WithTooltip
}), {
  storiesToHover: ['expanded']
});

var _AccordionStories$def = AccordionStories.default,
    includeStories = _AccordionStories$def.includeStories,
    meta = _objectWithoutProperties(_AccordionStories$def, ["includeStories"]);

export default meta;