import { __extends } from "tslib";
import * as React from 'react';
import { ExampleCard, ComponentPage, PropertiesTableSet } from '@uifabric/example-app-base';
import { WeeklyDayPickerInlineExample } from './WeeklyDayPicker.Inline.Example';
import { WeeklyDayPickerInlineExpandableExample } from './WeeklyDayPicker.Inline.Expandable.Example';
var WeeklyDayPickerInlineExampleCode = require('!raw-loader!@fluentui/examples/src/date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx');
var WeeklyDayPickerInlineExpandableExampleCode = require('!raw-loader!@fluentui/examples/src/date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx');
var WeeklyDayPickerPage = /** @class */ (function (_super) {
    __extends(WeeklyDayPickerPage, _super);
    function WeeklyDayPickerPage() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    WeeklyDayPickerPage.prototype.render = function () {
        return (React.createElement(ComponentPage, { title: "WeeklyDayPicker", componentName: "WeeklyDayPicker", exampleCards: React.createElement("div", null,
                React.createElement(ExampleCard, { title: "Inline WeeklyDayPicker", code: WeeklyDayPickerInlineExampleCode },
                    React.createElement(WeeklyDayPickerInlineExample, null)),
                React.createElement(ExampleCard, { title: "Inline WeeklyDayPicker that can be expanded to full month picker", code: WeeklyDayPickerInlineExpandableExampleCode },
                    React.createElement(WeeklyDayPickerInlineExpandableExample, null))), propertiesTables: React.createElement(PropertiesTableSet, { sources: [
                    require('!raw-loader!@uifabric/date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.types.ts'),
                ] }) }));
    };
    return WeeklyDayPickerPage;
}(React.Component));
export { WeeklyDayPickerPage };
//# sourceMappingURL=WeeklyDayPickerPage.js.map