"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileTypeIconBasicExample = void 0;
var tslib_1 = require("tslib");
var React = require("react");
var Icon_1 = require("@fluentui/react/lib-commonjs/Icon");
var react_file_type_icons_1 = require("@fluentui/react-file-type-icons");
react_file_type_icons_1.initializeFileTypeIcons(undefined);
var FileTypeIconBasicExample = /** @class */ (function (_super) {
    tslib_1.__extends(FileTypeIconBasicExample, _super);
    function FileTypeIconBasicExample() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    FileTypeIconBasicExample.prototype.render = function () {
        return (React.createElement("div", null,
            React.createElement("h3", null, "Size 16 accdb icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'mdb', size: 16, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 20 archive icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: '7z', size: 20, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 32 audio icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'oga', size: 32, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 40 code icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: '.cpp', size: 40, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 48 csv icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'csv', size: 48, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 64 model icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'blend', size: 64, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 96 docx icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'docx', size: 96, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 16 dotx icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'dot', size: 16, imageFileType: 'svg' }))),
            React.createElement("h3", null, "Size 20 email icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'msg', size: 20, imageFileType: 'svg' }))),
            React.createElement("h3", null, "Size 32 exe icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'msi', size: 32 }))),
            React.createElement("h3", null, "Size 40 script icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'osts', size: 40 }))),
            React.createElement("h3", null, "Size 48 html icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'html', size: 48 }))),
            React.createElement("h3", null, "Size 64 mpp icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'mpp', size: 64 }))),
            React.createElement("h3", null, "Size 96 link icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ extension: 'url', size: 96 }))),
            React.createElement("h3", null, "Size 16 docset icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ type: react_file_type_icons_1.FileIconType.docset, size: 16, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 20 folder icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ type: react_file_type_icons_1.FileIconType.folder, size: 20, imageFileType: 'svg' }))),
            React.createElement("h3", null, "Size 40 genericfile icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ size: 40, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 48 listitem icon as .svg"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ type: react_file_type_icons_1.FileIconType.listItem, size: 48, imageFileType: 'svg' }))),
            React.createElement("h3", null, "Size 64 sharedfolder icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ type: react_file_type_icons_1.FileIconType.sharedFolder, size: 64, imageFileType: 'png' }))),
            React.createElement("h3", null, "Size 64 linkedfolder icon as .png"),
            React.createElement(Icon_1.Icon, tslib_1.__assign({}, react_file_type_icons_1.getFileTypeIconProps({ type: react_file_type_icons_1.FileIconType.linkedFolder, size: 64, imageFileType: 'png' })))));
    };
    return FileTypeIconBasicExample;
}(React.Component));
exports.FileTypeIconBasicExample = FileTypeIconBasicExample;
//# sourceMappingURL=FileTypeIcon.Basic.Example.js.map