"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.defaultState = void 0;
const react_1 = __importDefault(require("react"));
const addon_knobs_1 = require("@storybook/addon-knobs");
const storybook_utilities_1 = require("../../storybook-utilities");
const Tooltip_1 = require("./Tooltip");
const meta = {
    component: Tooltip_1.Tooltip,
    title: 'checkout-web-ui/Tooltip',
    decorators: [
        (story) => (<div style={{
            display: 'flex',
            justifyContent: 'center',
            alignItems: 'center',
            height: '100vh',
        }}>
        {story()}
      </div>),
        addon_knobs_1.withKnobs,
        storybook_utilities_1.themeWithKnobs('tooltip'),
    ],
};
exports.default = meta;
exports.defaultState = () => {
    return (<Tooltip_1.Tooltip content="In case we need to contact you about your order">
      <p>Tooltip control</p>
    </Tooltip_1.Tooltip>);
};