"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.WithFooter = exports.WithHeader = exports.Default = void 0;
const react_1 = __importDefault(require("react"));
const components_1 = require("../components");
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
exports.default = {
    title: 'Example/Email',
    component: components_1.Email,
    // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
};
// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template = args => (react_1.default.createElement(components_1.Email, Object.assign({}, args), "This is the content inside"));
exports.Default = Template.bind({});
exports.WithHeader = Template.bind({});
exports.WithHeader.args = {
    header: (react_1.default.createElement(components_1.EmailRow, null,
        react_1.default.createElement(components_1.EmailCol, { width: 300 }, "Hello!"),
        react_1.default.createElement(components_1.EmailCol, { right: true }, "world!"))),
};
exports.WithFooter = Template.bind({});
exports.WithFooter.args = {
    footer: react_1.default.createElement("div", { className: "text-sm" }, "This is the footer"),
};
