import React from 'react';

class Aside extends React.PureComponent {
  render() {
    return (
      <span style={this.props.style} className={'aside-container'}>
        <span className={'aside'}>{this.props.children}</span>
      </span>
    );
  }
}

Aside._idyll = {
  name: 'Aside',
  tagType: 'open'
};

export default Aside;

@@ -299,16 +299,118 @@
 : 'open'
+,%0A  children: %5B%0A    'Content placed inside of an aside component will be displayed in the margin.'%0A  %5D
 %0A%7D;%0A%0Aexp

update aside