import { __assign } from '../../node_modules/tslib/tslib.es6.js';
import React, { forwardRef } from 'react';
import { useRadio, Box } from '@chakra-ui/react';

var RadioListItem = forwardRef(function (props, ref) {
    var _a = useRadio(props), getInputProps = _a.getInputProps, getRadioProps = _a.getRadioProps;
    var input = getInputProps();
    var radioProps = getRadioProps();
    return (React.createElement(Box, { as: "label", width: "full" },
        React.createElement("input", __assign({}, input, { ref: ref })),
        React.createElement(Box, __assign({}, radioProps, { cursor: "pointer", background: "white", borderRadius: "md", _hover: {
                bg: 'gray.50',
            }, _checked: {
                bg: 'blue.100',
            }, px: "lg", py: "sm" }), props.children)));
});
RadioListItem.displayName = 'RadioListItem';

export { RadioListItem };
//# sourceMappingURL=RadioListItem.js.map
