react-native-styled-toast
Version:
A theme friendly, easy to use react-native toast component built using styled-components and styled-system.
85 lines • 3.56 kB
JavaScript
;
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = __importStar(require("react"));
var Entypo_1 = __importDefault(require("react-native-vector-icons/Entypo"));
var EvilIcons_1 = __importDefault(require("react-native-vector-icons/EvilIcons"));
var Feather_1 = __importDefault(require("react-native-vector-icons/Feather"));
var FontAwesome_1 = __importDefault(require("react-native-vector-icons/FontAwesome"));
var FontAwesome5_1 = __importDefault(require("react-native-vector-icons/FontAwesome5"));
var Foundation_1 = __importDefault(require("react-native-vector-icons/Foundation"));
var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
var MaterialCommunityIcons_1 = __importDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
var MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
var Octicons_1 = __importDefault(require("react-native-vector-icons/Octicons"));
var SimpleLineIcons_1 = __importDefault(require("react-native-vector-icons/SimpleLineIcons"));
var Zocial_1 = __importDefault(require("react-native-vector-icons/Zocial"));
var native_1 = __importDefault(require("styled-components/native"));
var styled_system_1 = require("styled-system");
var Icon = function (props) {
var Icon;
switch (props.family) {
case 'Entypo':
Icon = Entypo_1.default;
break;
case 'EvilIcons':
Icon = EvilIcons_1.default;
break;
case 'Feather':
Icon = Feather_1.default;
break;
case 'FontAwesome':
Icon = FontAwesome_1.default;
break;
case 'FontAwesome5':
Icon = FontAwesome5_1.default;
break;
case 'Foundation':
Icon = Foundation_1.default;
break;
case 'Ionicons':
Icon = Ionicons_1.default;
break;
case 'MaterialCommunityIcons':
Icon = MaterialCommunityIcons_1.default;
break;
case 'MaterialIcons':
Icon = MaterialIcons_1.default;
break;
case 'Octicons':
Icon = Octicons_1.default;
break;
case 'SimpleLineIcons':
Icon = SimpleLineIcons_1.default;
break;
case 'Zocial':
Icon = Zocial_1.default;
break;
default:
Icon = Ionicons_1.default;
}
var StyledIcon = native_1.default(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n "], ["\n ", ";\n ", ";\n "])), styled_system_1.color, styled_system_1.space);
return <StyledIcon {...props}/>;
};
exports.default = Icon;
Icon.defaultProps = {
size: 20,
color: 'success',
family: 'Feather',
name: 'check-circle'
};
var templateObject_1;
//# sourceMappingURL=index.js.map