"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.level3 = exports.level2 = exports.level1 = exports.allSizes = void 0;
const react_1 = __importDefault(require("react"));
const addon_knobs_1 = require("@storybook/addon-knobs");
const storybook_utilities_1 = require("../../storybook-utilities");
const Heading_1 = require("./Heading");
const meta = {
    component: Heading_1.Heading,
    title: 'checkout-web-ui/Heading',
    decorators: [
        addon_knobs_1.withKnobs,
        storybook_utilities_1.themeWithKnobs('headingLevel1', 'headingLevel2', 'headingLevel3'),
    ],
};
const content = 'Contact information';
exports.default = meta;
exports.allSizes = () => (<>
    <Heading_1.Heading level={1}>{content}</Heading_1.Heading>
    <Heading_1.Heading level={2}>{content}</Heading_1.Heading>
    <Heading_1.Heading level={3}>{content}</Heading_1.Heading>
  </>);
exports.level1 = () => <Heading_1.Heading level={1}>{content}</Heading_1.Heading>;
exports.level2 = () => <Heading_1.Heading level={2}>{content}</Heading_1.Heading>;
exports.level3 = () => <Heading_1.Heading level={3}>{content}</Heading_1.Heading>;