"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const index_1 = require("./index");
const addon_info_1 = require("@storybook/addon-info");
const addon_knobs_1 = require("@storybook/addon-knobs");
const addon_notes_1 = require("@storybook/addon-notes");
const react_1 = require("@storybook/react");
const React = __importStar(require("react"));
const OSBarStyle = {
    width: '100%',
    height: 20,
    backgroundColor: '#0E3255',
};
const iconContainerStyle = {
    display: 'inline-flex',
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'rgba(0, 0, 0, .1)',
    margin: 10,
    width: 200,
    height: 200,
};
const iconWrapperStyle = {
    border: '1px solid rgba(0, 0, 0, .5)',
};
react_1.storiesOf('Atoms|Icon', module)
    .addDecorator(addon_knobs_1.withKnobs)
    .add('NativeAppDockIcon', addon_info_1.withInfo({ text: 'NativeAppDockIcon' })(addon_notes_1.withNotes('This component cannot be migrated from Station\'s Storybook to this one because of Node dependencies')(() => (React.createElement("div", null, "NativeAppDockIcon")))))
    .add('Dock Navigation Buttons', addon_info_1.withInfo({ text: 'This is the Back & Forth Icon component' })(addon_notes_1.withNotes('This component cannot be migrated from Station\'s Storybook to this one because of Node dependencies')(() => (React.createElement("div", null, "DockNavigationButtons")))))
    .add('Dock Navigation Buttons OSBar', addon_info_1.withInfo({ text: 'This is the Back & Forth Icon component' })(addon_notes_1.withNotes('This component cannot be migrated from Station\'s Storybook to this one because of Node dependencies')(() => (React.createElement("div", { style: OSBarStyle }, "DockNavigationButtons")))))
    .add('All icons', () => (React.createElement("div", null, Object.keys(index_1.IconSymbol).map(symbol => (React.createElement("div", { style: iconContainerStyle },
    React.createElement("div", { style: iconWrapperStyle },
        React.createElement(index_1.Icon, { key: symbol, symbolId: index_1.IconSymbol[symbol], color: '#000', size: 48 })),
    React.createElement("pre", null, index_1.IconSymbol[symbol])))))));
Object.keys(index_1.IconSymbol).map(symbol => react_1.storiesOf('Atoms|Icon/icon', module)
    .add(index_1.IconSymbol[symbol], () => (React.createElement("div", null,
    React.createElement("h1", null,
        "Icon: ",
        symbol),
    React.createElement("div", { style: iconContainerStyle },
        React.createElement("div", { style: iconWrapperStyle },
            React.createElement(index_1.Icon, { key: symbol, symbolId: index_1.IconSymbol[symbol], color: '#000', size: 48 })),
        React.createElement("pre", null, index_1.IconSymbol[symbol])),
    React.createElement("div", null, "NativeAppDockIcon")))));
//# sourceMappingURL=stories.js.map