import { __assign } from "tslib";
import React, { useMemo } from 'react';
import { Text, View } from 'react-native';
import { FontIcon, SvgIcon, IconV1 } from '@fluentui-react-native/icon';
import TestSvg from '../../../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,
};
var svgSrcProps = {
    viewBox: '0 0 500 500',
    src: TestSvg,
    width: 72,
    height: 72,
};
export var IconV1Test = function () {
    var svgSource = useMemo(function () { return (__assign({ color: 'lightgreen' }, svgSrcProps)); }, []);
    var fontSource = useMemo(function () { return (__assign(__assign({}, fontBuiltInProps), { color: 'lightskyblue' })); }, []);
    return (React.createElement(View, null,
        React.createElement(Text, null, "Icon component"),
        React.createElement(IconV1, { svgSource: svgSource }),
        React.createElement(IconV1, { svgSource: svgUriProps }),
        React.createElement(IconV1, { fontSource: fontSource }),
        React.createElement(Text, null, "SVG"),
        React.createElement(SvgIcon, __assign({ color: "green" }, svgSrcProps)),
        React.createElement(Text, null, "FontIcon"),
        React.createElement(FontIcon, __assign({}, fontBuiltInProps))));
};
//# sourceMappingURL=IconV1Test.js.map