components StyledDemo.jsx

0% Statements 0/3

100% Branches 0/0

0% Functions 0/1

0% Lines 0/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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
 
class DemoComponent extends React.Component {
  render() {
    return <div className={this.props.className}>{this.props.children}</div>;
  }
}
 
const StyledDemo = styled(DemoComponent)`
  ${props => props.styles};
`;
 
StyledDemo.propTypes = {
  children: PropTypes.node,
  styles: PropTypes.string
};
 
export default StyledDemo;