@flexis/ui/components/SROnly/SROnly.babel.js

Styleless React Components

import { PureComponent, Children, cloneElement } from 'react';
import PropTypes from 'prop-types';
import { style, classes } from './SROnly.st.css';
let SROnly = /** @class */ (() => {
    class SROnly extends PureComponent {
        render() {
            const { className, focusable, children, ...props } = this.props;
            return cloneElement(Children.only(children), {
                ...props,
                className: style(classes.root, {
                    focusable
                }, className)
            });
        }
    }
    SROnly.propTypes = {
        focusable: PropTypes.bool,
        children: PropTypes.element.isRequired
    };
    SROnly.defaultProps = {
        focusable: false
    };
    return SROnly;
})();
export default SROnly;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU1JPbmx5LmpzeCIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NST25seS9TUk9ubHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTixhQUFhLEVBQ2IsUUFBUSxFQUNSLFlBQVksRUFDWixNQUFNLE9BQU8sQ0FBQztBQUNmLE9BQU8sU0FBUyxNQUFNLFlBQVksQ0FBQztBQUNuQyxPQUFPLEVBQ04sS0FBSyxFQUNMLE9BQU8sRUFDUCxNQUFNLGlCQUFpQixDQUFDO0FBUXpCO0lBQUEsTUFBcUIsTUFBTyxTQUFRLGFBQXFCO1FBV3hELE1BQU07WUFFTCxNQUFNLEVBQ0wsU0FBUyxFQUNULFNBQVMsRUFDVCxRQUFRLEVBQ1IsR0FBRyxLQUFLLEVBQ1IsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1lBRWYsT0FBTyxZQUFZLENBQ2xCLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQ3ZCO2dCQUNDLEdBQUcsS0FBSztnQkFDUixTQUFTLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUU7b0JBQzlCLFNBQVM7aUJBQ1QsRUFBRSxTQUFTLENBQUM7YUFDYixDQUNELENBQUM7UUFDSCxDQUFDOztJQTNCTSxnQkFBUyxHQUFHO1FBQ2xCLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSTtRQUN6QixRQUFRLEVBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQyxVQUFVO0tBQ3ZDLENBQUM7SUFFSyxtQkFBWSxHQUFHO1FBQ3JCLFNBQVMsRUFBRSxLQUFLO0tBQ2hCLENBQUM7SUFxQkgsYUFBQztLQUFBO2VBOUJvQixNQUFNIn0=