import React, { forwardRef } from 'react';
import cx from 'classnames';
import { PORTAL_CLASSNAME } from './constants';

interface Props {
    className?: string;
    testId?: string;
}

export const SidebarPortal = forwardRef<HTMLDivElement, Props>(
    ({ className, testId = PORTAL_CLASSNAME }, ref) => (
        <div className={cx(PORTAL_CLASSNAME, className)} data-testid={testId} ref={ref} />
    )
);