woocommerce/plugins/woocommerce-blocks/assets/js/base/components/sidebar-layout/sidebar.tsx

26 lines
475 B
TypeScript

/**
* External dependencies
*/
import { forwardRef } from '@wordpress/element';
import clsx from 'clsx';
/**
* Internal dependencies
*/
import { ForwardRefProps } from './types';
const Sidebar = forwardRef< HTMLDivElement, ForwardRefProps >(
( { children, className = '' }, ref ): JSX.Element => {
return (
<div
ref={ ref }
className={ clsx( 'wc-block-components-sidebar', className ) }
>
{ children }
</div>
);
}
);
export default Sidebar;