37 lines
797 B
JavaScript
37 lines
797 B
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { withProduct } from '@woocommerce/block-hocs';
|
|
import {
|
|
InnerBlockLayoutContextProvider,
|
|
ProductDataContextProvider,
|
|
} from '@woocommerce/shared-context';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { BLOCK_NAME } from './constants';
|
|
|
|
/**
|
|
* The Single Product Block.
|
|
*/
|
|
const Block = ( { isLoading, product, children } ) => {
|
|
const className = 'wc-block-single-product wc-block-layout';
|
|
|
|
return (
|
|
<InnerBlockLayoutContextProvider
|
|
parentName={ BLOCK_NAME }
|
|
parentClassName={ className }
|
|
>
|
|
<ProductDataContextProvider
|
|
product={ product }
|
|
isLoading={ isLoading }
|
|
>
|
|
<div className={ className }>{ children }</div>
|
|
</ProductDataContextProvider>
|
|
</InnerBlockLayoutContextProvider>
|
|
);
|
|
};
|
|
|
|
export default withProduct( Block );
|