import * as React from 'react';
import { rule } from 'nano-theme';
const blockClass = rule({
    bg: '#222',
    col: 'transparent',
    bdrad: '2px',
    '&:hover': {
        bg: '#222',
        col: 'rgba(255, 255, 255, 0.2)',
    },
});
export const Spoiler = (props) => {
    const { children } = props;
    return React.createElement("span", { className: blockClass }, children);
};
//# sourceMappingURL=Spoiler.js.map