@guestbell/react-page-plugins
Version:
Plugins we use in GuestBell for working with amazing react-page package
31 lines (30 loc) • 1.59 kB
TypeScript
import * as React from 'react';
import { RGBColor } from '@react-page/editor';
import { BackgroundProps } from '../../types/component';
export interface LinearGradientComponentProps {
ensureModeOn: () => void;
onChangeGradientDegPreview: (value: number, index: number) => void;
onChangeGradientOpacityPreview: (value: number, index: number) => void;
onChangeGradientColorPreview: (color: RGBColor, index: number, cIndex: number) => void;
gradientDegPreview: number;
gradientDegPreviewIndex: number;
gradientOpacityPreview: number;
gradientOpacityPreviewIndex: number;
gradientColorPreview: RGBColor;
gradientColorPreviewIndex: number;
gradientColorPreviewColorIndex: number;
}
declare class LinearGradientComponent extends React.Component<LinearGradientComponentProps & BackgroundProps> {
addGradient: () => void;
handleChangeDeg: (index: number, value: number) => () => void;
handleChangeDegPreview: (index: number) => (e: Event, value: number) => void;
handleChangeOpacity: (index: number, value: number) => () => void;
handleChangeOpacityPreview: (index: number) => (e: Event, value: number) => void;
handleChangeGradientColor: (index: number, cpIndex: number) => (e: RGBColor) => void;
handleChangeGradientColorPreview: (index: number, cpIndex: number) => (e: RGBColor) => void;
addColor: (index: number) => () => void;
removeColor: (index: number, cpIndex: number) => () => void;
removeGradient: (index: number) => () => void;
render(): React.JSX.Element;
}
export default LinearGradientComponent;