@geezee/react-ui
Version:
Modern and minimalist React UI library.
44 lines (42 loc) • 1.2 kB
JavaScript
import React from 'react';
import AlertCircleFill from '@zeit-ui/react-icons/alertCircleFill';
import CheckInCircleFill from '@zeit-ui/react-icons/checkInCircleFill';
import InfoFill from '@zeit-ui/react-icons/infoFill';
import XCircleFill from '@zeit-ui/react-icons/xCircleFill';
import Bell from '@zeit-ui/react-icons/bell';
export var getStyles = function getStyles(palette, color) {
var category = {
"default": {
color: palette.cNeutral7,
bgColor: palette.cNeutral8,
icon: React.createElement(Bell)
},
primary: {
color: palette.cTheme5,
bgColor: palette.cTheme0,
icon: React.createElement(InfoFill)
},
success: {
color: palette.success,
bgColor: palette.successLight,
icon: React.createElement(CheckInCircleFill)
},
warning: {
color: palette.warning,
bgColor: palette.warningLight,
icon: React.createElement(AlertCircleFill)
},
error: {
color: palette.error,
bgColor: palette.errorLight,
icon: React.createElement(XCircleFill)
}
};
var result;
if (!color) {
result = category["default"];
} else {
result = category[color];
}
return result;
};