@nish1896/rhf-mui-components/mui/country-select/CountryMenuItem.js

A suite of 20+ production-ready react-hook-form components built with material-ui. Fully typed, tree-shakable, and optimized for enterprise-grade forms.

import { jsx, jsxs } from "react/jsx-runtime";
import Typography from "@mui/material/Typography";
//#region src/mui/country-select/CountryMenuItem.tsx
const CountryMenuItem = ({ countryInfo }) => /* @__PURE__ */ jsxs("span", {
	style: {
		display: "flex",
		alignItems: "center",
		gap: "8px"
	},
	children: [/* @__PURE__ */ jsx(Typography, {
		variant: "h5",
		component: "span",
		children: countryInfo.emoji
	}), /* @__PURE__ */ jsx(Typography, { children: countryInfo.name })]
});
//#endregion
export { CountryMenuItem as default };