@razorpay/blade
Version:
The Design System that powers Razorpay
34 lines (31 loc) • 1.02 kB
JavaScript
import '../Box/index.js';
import '../Icons/index.js';
import '../Typography/index.js';
import { jsxs, jsx } from 'react/jsx-runtime';
import { Box } from '../Box/Box.js';
import SearchIcon from '../Icons/SearchIcon/SearchIcon.js';
import { Text } from '../Typography/Text/Text.js';
var ActionListNoResults = function ActionListNoResults() {
return /*#__PURE__*/jsxs(Box, {
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
padding: "spacing.5",
children: [/*#__PURE__*/jsx(SearchIcon, {
size: "xlarge",
color: "surface.icon.gray.muted"
}), /*#__PURE__*/jsx(Text, {
marginTop: "spacing.5",
weight: "semibold",
children: "No Search Result Found"
}), /*#__PURE__*/jsx(Text, {
color: "surface.text.gray.subtle",
marginTop: "spacing.3",
size: "small",
children: "Try searching for a different value"
})]
});
};
export { ActionListNoResults };
//# sourceMappingURL=ActionListNoResults.js.map