import React from 'react';
import { css } from 'glamor';
import { colors } from '../style';
import { View, Text } from './common';
export function SectionLabel({ title, style }) {
return (
{title}
);
}
export function FormLabel({ style, title }) {
return (
{title}
);
}
export function FormField({ style, children }) {
return {children};
}
// Custom inputs
export function Checkbox(props) {
return (
\') 9px 9px',
width: 9,
height: 9,
content: ' '
}
},
'&.focus-visible:focus': {
'::before': {
position: 'absolute',
top: -5,
bottom: -5,
left: -5,
right: -5,
border: '2px solid ' + colors.b5,
borderRadius: 6,
content: ' '
}
}
}
],
props.style
)}
/>
);
}