// React-Router-Bootstrap Test
// ================================================================================
///<reference path="../react/react.d.ts"/>
///<reference path="../react-bootstrap/react-bootstrap.d.ts"/>
///<reference path="react-router-bootstrap.d.ts"/>

// Imports
// --------------------------------------------------------------------------------
import * as React from 'react';
import { Component, CSSProperties } from 'react';
import { Button } from 'react-bootstrap';
import { LinkContainer, IndexLinkContainer } from 'react-router-bootstrap'


export class ReactRouterBootstrapTest extends Component<any, any> {
    callback() {
        alert('Callback: ' + JSON.stringify(arguments));
    }

    public render() {
        let style: CSSProperties = { padding: '50px' };
        return (
            <div style={style}>
                
                <div style={style}>
                    <LinkContainer to="/page"><Button>Link</Button></LinkContainer>
                    <IndexLinkContainer to="/index"><Button>Link</Button></IndexLinkContainer>
                </div>
            </div>
        );
    }
}