%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /proc/19851/cwd/wp-content/plugins/event-tickets/src/modules/elements/inactive-block/
Upload File :
Create Path :
Current File : //proc/19851/cwd/wp-content/plugins/event-tickets/src/modules/elements/inactive-block/element.js

/**
 * External dependencies
 */
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';

/**
 * Internal dependencies
 */
import './style.pcss';

export const LAYOUT = {
	rsvp: 'rsvp',
	ticket: 'ticket',
};

const InactiveBlock = ( {
	className,
	description,
	icon,
	layout,
	title,
} ) => (
	<section className={ classNames(
		'tribe-editor__inactive-block',
		`tribe-editor__inactive-block--${ layout }`,
		className,
	) }>
		<div className="tribe-editor__inactive-block__icon">
			{ icon }
		</div>
		{ ( title || description ) && (
			<div className="tribe-editor__inactive-block__content">
				{ title && <h2 className="tribe-editor__inactive-block__title">{ title }</h2> }
				{ description && (
					<p className="tribe-editor__inactive-block__description">
						{ description }
					</p>
				) }
			</div>
		) }
	</section>
);

InactiveBlock.propTypes = {
	className: PropTypes.string,
	description: PropTypes.string,
	icon: PropTypes.node,
	layout: PropTypes.oneOf( Object.keys( LAYOUT ) ).isRequired,
	title: PropTypes.string,
};

export default InactiveBlock;

Zerion Mini Shell 1.0