"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconV1Test = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var react_native_1 = require("react-native");
var icon_1 = require("@fluentui-react-native/icon");
var test_svg_1 = tslib_1.__importDefault(require("../../../assets/test.svg"));
var fontBuiltInProps = {
    fontFamily: 'Arial',
    codepoint: 0x2663,
    fontSize: 100,
    color: '#f09',
};
var svgUriProps = {
    uri: 'https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg',
    viewBox: '0 0 1000 1000',
    width: 100,
    height: 100,
    accessibilityLabel: 'Just another example',
};
var svgSrcProps = {
    viewBox: '0 0 500 500',
    src: test_svg_1.default,
    width: 72,
    height: 72,
    accessibilityLabel: 'Wheelchair',
};
var IconV1Test = function () {
    var svgSource = (0, react_1.useMemo)(function () { return (tslib_1.__assign(tslib_1.__assign({ color: 'lightgreen' }, svgSrcProps), { accessibilityLabel: 'Wheelchair' })); }, []);
    var fontSource = (0, react_1.useMemo)(function () { return (tslib_1.__assign(tslib_1.__assign({}, fontBuiltInProps), { color: 'lightskyblue' })); }, []);
    return (react_1.default.createElement(react_native_1.View, null,
        react_1.default.createElement(react_native_1.Text, null, "Icon component"),
        react_1.default.createElement(icon_1.IconV1, { svgSource: svgSource }),
        react_1.default.createElement(icon_1.IconV1, { svgSource: svgUriProps }),
        react_1.default.createElement(icon_1.IconV1, { fontSource: fontSource }),
        react_1.default.createElement(react_native_1.Text, null, "SVG"),
        react_1.default.createElement(icon_1.SvgIcon, tslib_1.__assign({ color: "green" }, svgSrcProps)),
        react_1.default.createElement(react_native_1.Text, null, "FontIcon"),
        react_1.default.createElement(icon_1.FontIcon, tslib_1.__assign({}, fontBuiltInProps))));
};
exports.IconV1Test = IconV1Test;
//# sourceMappingURL=IconV1Test.js.map