import React from 'react';
import { Polymorphic } from '@hitagi/utils/types';
import { BoxProps } from '../Box';
type WrapperProps = {
square?: boolean;
};
type DataImageOwnProps = {
children: React.ReactNode;
banned?: boolean;
banEffect?: 'dark' | 'light';
disabled?: boolean;
} & BoxProps & WrapperProps;
/**
* `DataImage` is an image component that features in-place Data.
* It can be used as diffirent state like `disabled`, `banned`, `Rounded Corners`
* `DataImageContent` can be used within the `DataImage`,
* to display data on top of an image.
* It has props that allow you
* to customize/specify where your thing is supposed to be placed
*/
declare const DataImage: Polymorphic.ForwardRefComponent<'div', DataImageOwnProps>;
export default DataImage;