Untitled

import React from 'react';
import { decl } from 'bem-react-core';

import Dialog from 'b:Dialog';
import Header from 'b:Dialog e:Header';
import Body from 'b:Dialog e:Body';
import Footer from 'b:Dialog e:Footer';

import Button from 'b:Button';
import ButtonGroup from 'b:ButtonGroup';
import ButtonGroupButton from 'b:ButtonGroup e:Button m:type=selected';

export default decl({
  block: 'DialogLogin',
  content(props) {
    return (
      <Dialog>
        <Header>
          <ButtonGroup>
            <ButtonGroupButton type="selected">
              <Button>Some Button 1</Button>
            </ButtonGroupButton>
            <ButtonGroupButton>
              <Button>Some Button 2</Button>
            </ButtonGroupButton>
          </ButtonGroup>
        </Header>
        <Body>Body</Body>
        <Footer>Footer</Footer>
      </Dialog>
    )
  },
});