@nish1896/rhf-mui-components
Version:
A suite of 25+ production-ready react-hook-form components built with material-ui. Fully typed, tree-shakable, and optimized for enterprise-grade forms.
23 lines (22 loc) • 655 B
JavaScript
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import Typography from "@mui/material/Typography";
import { FlagImage } from "react-international-phone";
//#region src/misc/phone-input/CountryMenuItem.tsx
const CountryMenuItem = ({ country }) => {
return /* @__PURE__ */ jsxs(Fragment, { children: [
/* @__PURE__ */ jsx(FlagImage, {
iso2: country.iso2,
style: { marginRight: "8px" }
}),
/* @__PURE__ */ jsx(Typography, {
marginRight: "8px",
children: country.name
}),
/* @__PURE__ */ jsx(Typography, {
color: "gray",
children: `+${country.dialCode}`
})
] });
};
//#endregion
export { CountryMenuItem as default };