patternplate-client/source/application/components/lightbox/index.js

Universal javascript client application for patternplate

import React, {PropTypes as t} from 'react';

export default Lightbox;

function Lightbox(props) {
	return (
		<div className="lightbox">
			{
				props.backdrop && <div className="lightbox__backdrop"/>
			}
			<div className="lightbox__container">
				<div className="lightbox__title">
					<h3 className="h h3">
						{props.title}
					</h3>
				</div>
				<div className="lightbox__children">
					{props.children}
				</div>
				<div className="lightbox__button-row">
					{props.buttons}
				</div>
			</div>
		</div>
	);
}

Lightbox.propTypes = {
	title: t.string.isRequired,
	backdrop: t.bool.isRequired,
	children: t.any,
	buttons: t.arrayOf(t.element)
};