All files / elements/forms/Form styled.js

100% Statements 3/3
100% Branches 0/0
100% Functions 0/0
100% Lines 3/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36                      6x             6x               6x                  
import styled from 'styled-components';
import {
  flexbox,
  position,
  layout,
  space,
} from 'styled-system';
import PropTypes from 'prop-types';
import { withHideable } from 'src/elements/utils/Hideable';
import { FormComponent } from './component';
 
const Form = styled(withHideable(FormComponent))`
  ${flexbox}
  ${position}
  ${layout}
  ${space}
`;
 
Form.propTypes = {
  /** Define which style of form controls should be used
  * @see See [Material Design/Components/Text Fields/Usage](https://material.io/components/text-fields/#usage) for more on these styles. */
  formStyle: PropTypes.string,
  /** Hides component */
  isHidden: PropTypes.bool,
};
 
Form.defaultProps = {
  display: 'flex',
  flexDirection: 'column',
  formStyle: '',
  isHidden: false,
};
 
/** @component */
export { Form };