import React from 'react'; import { GlobalProps } from '../utilities/globalProps'; declare type BackgroundProps = { alt?: string; aria?: { [key: string]: string; }; backgroundColor?: ResponsiveProp | 'gradient' | 'dark' | 'light' | 'white' | 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'primary' | 'shadow' | 'category_1' | 'category_2' | 'category_3' | 'category_4' | 'category_5' | 'category_6' | 'category_7' | 'category_8' | 'category_9' | 'category_10' | 'category_11' | 'category_12' | 'category_13' | 'category_14' | 'category_15' | 'category_16' | 'category_17' | 'category_18' | 'category_19' | 'category_20' | 'category_21' | 'text_lt_default' | 'text_lt_light' | 'text_lt_lighter' | 'text_dk_default' | 'text_dk_light' | 'text_dk_lighter' | 'card_light' | 'card_dark' | 'data_1' | 'data_2' | 'data_3' | 'data_4' | 'data_5' | 'data_6' | 'data_7' | 'data_8' | 'border_light' | 'border_dark' | 'success_secondary' | 'error_secondary' | 'info_secondary' | 'warning_secondary' | 'neutral_secondary' | 'primary_secondary' | 'success_subtle' | 'warning_subtle' | 'error_subtle' | 'info_subtle' | 'neutral_subtle'; backgroundSize?: ResponsiveProp | 'auto' | 'cover' | 'contain'; backgroundPosition?: ResponsiveProp | string; backgroundRepeat?: ResponsiveProp | 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'space' | 'round' | 'initial' | 'inherit'; imageUrl?: ResponsiveProp | string; children?: React.ReactChild[] | React.ReactNode; className?: string; customColor?: string; data?: { [key: string]: string; }; id?: string; padding?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'; tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'tr' | 'th' | 'td' | 'thead' | 'col'; transition?: 'fade' | 'blur' | 'scale'; } & GlobalProps; declare type ResponsiveProp = T | { xs?: T; sm?: T; md?: T; lg?: T; xl?: T; default?: T; }; declare const Background: (props: BackgroundProps) => JSX.Element; export default Background;