0
Fork 0
mirror of https://github.com/penpot/penpot-exporter-figma-plugin.git synced 2024-12-23 06:04:01 -05:00
penpot-exporter-figma-plugin/ui-src/components/Wrapper/Wrapper.tsx

28 lines
646 B
TypeScript
Raw Normal View History

import classNames from 'classnames';
import { CSSProperties, PropsWithChildren, forwardRef } from 'react';
import styles from './Wrapper.module.css';
type WrapperProps = PropsWithChildren & {
style?: CSSProperties;
overflowing?: boolean;
};
const Wrapper = forwardRef<HTMLDivElement, WrapperProps>(
({ style, overflowing = false, children }: WrapperProps, ref) => {
return (
<div
ref={ref}
className={classNames({ [styles.wrapper]: true, [styles.wrapperOverflow]: overflowing })}
style={style}
>
{children}
</div>
);
}
);
Wrapper.displayName = 'Wrapper';
export { Wrapper };