import React from 'react';
import { Theme } from "../../styles";
import { MUIStyledCommonProps } from "../../system";
export type Props = MUIStyledCommonProps<Theme> & React.HTMLAttributes<HTMLDivElement>;
export interface TrapezoidProps extends Props {
    absolute?: boolean;
    angle: number;
    direction: 'top' | 'bottom' | 'left' | 'right';
    reverseAngle: boolean;
    slotProps?: {
        root?: Props;
        background?: Props;
        halfSkew?: Props;
        halfReck?: Props;
    };
}
export declare const Trapezoid: {
    (props: TrapezoidProps): React.JSX.Element;
    Variants: {
        readonly background: "--variant-trapezoid-background";
        readonly border: "--variant-trapezoid-border";
        readonly borderImage: "--variant-trapezoid-borderImage";
        readonly boxShadow: "--variant-trapezoid-boxShadow";
    };
};