koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
3 lines (2 loc) • 864 B
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),d=require("classnames"),L=require("css-vars-hook"),y=require("../../internal/locale/useBrowserLocale.cjs"),N=require("../../internal/hooks/useLinkRefs.cjs"),t=require("./Flag.module.css.cjs"),R=require("./flagsDictionary.cjs"),c=s.forwardRef(({className:n,countryCode:e,size:r=24,...l},i)=>{const{LocalRoot:u,ref:f}=L.useLocalTheme(),m=s.useMemo(()=>({size:r}),[r]);N.useLinkRefs(i,f);const g=R.flagsDictionary[e],a=y.useBrowserLocale(),q=s.useMemo(()=>new Intl.DisplayNames(a,{type:"region"}).of(e),[e,a]);return o.jsx(u,{...l,theme:m,className:d(t.default.container,n),children:o.jsx("span",{className:t.default.flag,title:q,children:g})})});c.displayName="Flag";exports.Flag=c;
//# sourceMappingURL=Flag.cjs.map