import { jsx, jsxs } from 'react/jsx-runtime';
import Icon from '../Icon/Icon.js';
import Typography from '../Typography/Typography.js';

const NoResultFound = ({ text = ' No Results Found', iconName = 'no_license_found', fontSize = '24px', textAlign = 'left', direction = 'column', iconWidth = 120, iconHeight = 120, fontWeight = 'semi-bold', }) => (jsx("article", { className: "no_results_container", children: jsxs("div", { className: `no_results_container__${direction}`, children: [jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight }), jsx("div", { children: jsx(Typography, { as: "div", fontSize: fontSize, lineHeight: "36px", fontWeight: fontWeight, color: "var(--text-color)", textAlign: textAlign, children: text }) })] }) }));

export { NoResultFound as default };
//# sourceMappingURL=NoResultFound.js.map
