import { keysTheme } from 'data/dataMx';
import { CustomColor, ButtonColor } from 'native/atoms/Buttons/ButtonProps';
import { IAlign } from 'react/components/atoms/Typography/TypographyProps';
import { CSSObject } from 'styled-components';

export interface IBannerBackgroundProps {
  /** Banner Title */
  title: string;
  /** Text Color Banner */
  textColor: keysTheme;
  /** Text Align */
  textAlign?: IAlign;
  /** Banner Height */
  height?: string,
  /** Icon Name */
  iconName?: string | undefined;
  /** Banner Description */
  description?: string | undefined;
  /** Banner Background color or Gradient */
  background?: keysTheme;
  /** Banner Image Background (blank input shows background colors) */
  backgroundImage?: string | undefined;
  /** Text Banner Button, if it exist button appear */
  buttonText?: string | undefined;
  /** Banner Button Background */
  buttonBackground?: ButtonColor;
  /** Banner Button Custom Background */
  buttonBackgroundCustom?: CustomColor;
  /** Banner Button Click */
  onClick?: () => void;
  /** Banner Custom Styles */
  style?: CSSObject
}
