"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const components_1 = require("@bluebase/components");
const core_1 = require("@bluebase/core");
const react_1 = tslib_1.__importDefault(require("react"));
const DefaultIcon = core_1.getComponent('LauncherDefaultIcon');
exports.AppCard = ({ plugin, size }) => (react_1.default.createElement(components_1.NavigationActions, null, ({ navigate }) => {
    const onPress = () => navigate(plugin.indexRoute);
    return (react_1.default.createElement(components_1.TouchableItem, { onPress: onPress },
        react_1.default.createElement(components_1.View, { style: { alignItems: 'center', marginVertical: 8 } },
            react_1.default.createElement(components_1.View, { style: { height: size, width: size } }, !!plugin.icon ? (react_1.default.createElement(components_1.PluginIcon, { id: plugin.key, size: size })) : (react_1.default.createElement(DefaultIcon, { size: size }))),
            react_1.default.createElement(components_1.Body2, { style: { paddingTop: 8 }, ellipsizeMode: "tail", numberOfLines: 1 }, plugin.name))));
}));
