CompoundComponent

export default class Card extends Component {
  static Top = ({ children, ...props }) => (
    <Box px={25} position="absolute" top="-20px" left="0" zIndex="1" {...props}>
      {children}
    </Box>
  )

  
  static Main = ({ children, ...props }) => (
    <Box {...props}>{children}</Box>
  )


  render() {
    return (
      <RoundedBox position="relative" {...this.props}>
        {this.props.children}
      </RoundedBox>
    )
  }
  
  
  const Test = () => (
    <Card>
      <Card.Top>Header</Card.Top>
      <Card.Main>
        <AnyComponent />
      </Card.Main>
    </Card>
  )