/** * External dependencies */ import classnames from 'classnames'; import Summary from '@woocommerce/base-components/summary'; import { blocksConfig } from '@woocommerce/block-settings'; import { useInnerBlockLayoutContext, useProductDataContext, } from '@woocommerce/shared-context'; import { useColorProps, useTypographyProps } from '@woocommerce/base-hooks'; import { withProductDataContext } from '@woocommerce/shared-hocs'; import type { HTMLAttributes } from 'react'; /** * Internal dependencies */ import './style.scss'; import type { BlockAttributes } from './types'; type Props = BlockAttributes & HTMLAttributes< HTMLDivElement >; const Block = ( props: Props ): JSX.Element | null => { const { className } = props; const { parentClassName } = useInnerBlockLayoutContext(); const { product } = useProductDataContext(); const colorProps = useColorProps( props ); const typographyProps = useTypographyProps( props ); if ( ! product ) { return (
); } const source = product.short_description ? product.short_description : product.description; if ( ! source ) { return null; } return (