UNPKG

koval-ui

Version:

React components collection with minimalistic design. Supports theming, layout, and input validation.

3 lines (2 loc) 955 B
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),l=require("classnames"),y=require("../../internal/hooks/useInternalId.cjs"),e=require("./InputRadio.module.css.cjs"),i=u.forwardRef(({className:d,disabled:o,value:c,onChange:a=()=>{},onFocus:p=()=>{},onBlur:m=()=>{},onKeyDown:I=()=>{},onKeyUp:f=()=>{},checked:R,defaultChecked:h,id:j,label:s,required:n,...q},N)=>{const r=y.useInternalId(j),b=u.useCallback(x=>{a(x)},[a]);return t.jsxs("div",{className:l(e.default.wrapper,d),children:[t.jsx("input",{...q,className:e.default.input,ref:N,disabled:o,type:"radio",id:r,value:c,checked:R,defaultChecked:h,onChange:b,onBlur:m,onFocus:p,onKeyUp:f,onKeyDown:I,required:n}),s&&t.jsx("label",{className:l(e.default.label,{[e.default.required]:n}),htmlFor:r,children:s})]})});i.displayName="InputRadio";exports.InputRadio=i; //# sourceMappingURL=InputRadio.cjs.map