smart-react-components/RadioSpan-684776ea.js

React UI library, wide variety of editable ready to use Styled and React components.

'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var styled = require('styled-components');
var styled__default = _interopDefault(styled);
var Span = require('./element/Span.js');
var Label = require('./element/Label.js');

var RadioLabel = styled__default(Label).attrs(({ space, mr, my }) => ({
    mr: space ? 3 : mr,
    my: space ? 2 : my
})) `
    display: inline-flex;
    align-items: center;
    word-wrap: break-word;
    word-break: break-word;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
`;

var RadioSpan = styled__default(Span)(({ theme }) => `
    flex: 1 1 auto;
    display: inline-block;
    margin-left: ${theme.src.form.radioSpanSpace};
    font-family: ${theme.src.fontFamily.radioSpan};
`);

exports.RadioLabel = RadioLabel;
exports.RadioSpan = RadioSpan;