grommet.d.ts

// Copied from https://raw.githubusercontent.com/jansel369/grommet-typescript/master/grommet/index.d.ts
// Type definitions for Grommet
// Project: https://github.com/grommet/grommet
// Definitions by: Ryan C. Collins <https://www.ryancollins.io/>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

/// <reference types="react" />

declare module 'grommet/components/App' {
	export default Grommet.App;
}

declare module 'grommet/components/Accordion' {
	export default Grommet.Accordion;
}

declare module 'grommet/components/AccordionPanel' {
	export default Grommet.AccordionPanel;
}

declare module 'grommet/components/Anchor' {
	export default Grommet.Anchor;
}

declare module 'grommet/components/Animate' {
	export default Grommet.Animate;
}

declare module 'grommet/components/Article' {
	export default Grommet.Article;
}

declare module 'grommet/components/Box' {
	export default Grommet.Box;
}

declare module 'grommet/components/Button' {
	export default Grommet.Button;
}

declare module 'grommet/components/Card' {
	export default Grommet.Card;
}

declare module 'grommet/components/Carousel' {
	export default Grommet.Carousel;
}

declare module 'grommet/components/CheckBox' {
	export default Grommet.CheckBox;
}

declare module 'grommet/components/Columns' {
	export default Grommet.Columns;
}

declare module 'grommet/components/DateTime' {
	export default Grommet.DateTime;
}

declare module 'grommet/components/Distribution' {
	export default Grommet.Distribution;
}

declare module 'grommet/components/Footer' {
	export default Grommet.Footer;
}

declare module 'grommet/components/FormattedMessage' {
	export default Grommet.FormattedMessage;
}

declare module 'grommet/components/Form' {
	export default Grommet.Form;
}

declare module 'grommet/components/FormField' {
	export default Grommet.FormField;
}

declare module 'grommet/components/FormFields' {
	export default Grommet.FormFields;
}

declare module 'grommet/components/Header' {
	export default Grommet.Header;
}

declare module 'grommet/components/Heading' {
	export default Grommet.Heading;
}

declare module 'grommet/components/Headline' {
	export default Grommet.Headline;
}

declare module 'grommet/components/Hero' {
	export default Grommet.Hero;
}

declare module 'grommet/components/Image' {
	export default Grommet.Image;
}

declare module 'grommet/components/Label' {
	export default Grommet.Label;
}

declare module 'grommet/components/Layer' {
	export default Grommet.Layer;
}

declare module 'grommet/components/Legend' {
	export default Grommet.Legend;
}

declare module 'grommet/components/List' {
	export default Grommet.List;
}

declare module 'grommet/components/ListItem' {
	export default Grommet.ListItem;
}

declare module 'grommet/components/LoginForm' {
	export default Grommet.LoginForm;
}

declare module 'grommet/components/Map' {
	export default Grommet.Map;
}

declare module 'grommet/components/Markdown' {
	export default Grommet.Markdown;
}

declare module 'grommet/components/Menu' {
	export default Grommet.Menu;
}

declare module 'grommet/components/Meter' {
	export default Grommet.Meter;
}

declare module 'grommet/components/Notification' {
	export default Grommet.Notification;
}

declare module 'grommet/components/NumberInput' {
	export default Grommet.NumberInput;
}

declare module 'grommet/components/Paragraph' {
	export default Grommet.Paragraph;
}

declare module 'grommet/components/Quote' {
	export default Grommet.Quote;
}

declare module 'grommet/components/RadioButton' {
	export default Grommet.RadioButton;
}

declare module 'grommet/components/Search' {
	export default Grommet.Search;
}

declare module 'grommet/components/SearchInput' {
	export default Grommet.SearchInput;
}

declare module 'grommet/components/Section' {
	export default Grommet.Section;
}

declare module 'grommet/components/Select' {
	export default Grommet.Select;
}

declare module 'grommet/components/Sidebar' {
	export default Grommet.Sidebar;
}

declare module 'grommet/components/SkipLinkAnchor' {
	export default Grommet.SkipLinkAnchor;
}

declare module 'grommet/components/SkipLinks' {
	export default Grommet.SkipLinks;
}

declare module 'grommet/components/SocialShare' {
	export default Grommet.SocialShare;
}

declare module 'grommet/components/Split' {
	export default Grommet.Split;
}

declare module 'grommet/components/icons/Spinning' {
	export default Grommet.Spinning;
}

declare module 'grommet/components/SunBurst' {
	export default Grommet.SunBurst;
}

declare module 'grommet/components/SVGIcon' {
	export default Grommet.SVGIcon;
}

declare module 'grommet/components/Tab' {
	export default Grommet.Tab;
}

declare module 'grommet/components/Table' {
	export default Grommet.Table;
}

declare module 'grommet/components/TableHeader' {
	export default Grommet.TableHeader;
}

declare module 'grommet/components/TableRow' {
	export default Grommet.TableRow;
}

declare module 'grommet/components/Tabs' {
	export default Grommet.Tabs;
}

declare module 'grommet/components/TextInput' {
	export default Grommet.TextInput;
}

declare module 'grommet/components/Tile' {
	export default Grommet.Tile;
}

declare module 'grommet/components/Tiles' {
	export default Grommet.Tiles;
}

declare module 'grommet/components/Timestamp' {
	export default Grommet.Timestamp;
}

declare module 'grommet/components/Tip' {
	export default Grommet.Tip;
}

declare module 'grommet/components/Title' {
	export default Grommet.Title;
}

declare module 'grommet/components/Toast' {
	export default Grommet.Toast;
}

declare module 'grommet/components/Topology' {
	export default Grommet.Topology;
}

declare module 'grommet/components/Value' {
	export default Grommet.Value;
}

declare module 'grommet/components/Video' {
	export default Grommet.Video;
}

declare module 'grommet/components/WorldMap' {
	export default Grommet.WorldMap;
}

declare module 'grommet' {
	// "grommet/components/"
	export import Accordion = Grommet.Accordion;
	export import AccordionPanel = Grommet.AccordionPanel;
	export import Anchor = Grommet.Anchor;
	export import Animate = Grommet.Animate;
	export import App = Grommet.App;
	export import Article = Grommet.Article;
	export import Box = Grommet.Box;
	export import Button = Grommet.Button;
	export import Card = Grommet.Card;
	export import Carousel = Grommet.Carousel;
	export import CheckBox = Grommet.CheckBox;
	export import Columns = Grommet.Columns;
	export import DateTime = Grommet.DateTime;
	export import Distribution = Grommet.Distribution;
	export import Footer = Grommet.Footer;
	export import Form = Grommet.Form;
	export import FormattedMessage = Grommet.FormattedMessage;
	export import FormField = Grommet.FormField;
	export import FormFields = Grommet.FormFields;
	export import Header = Grommet.Header;
	export import Heading = Grommet.Heading;
	export import Headline = Grommet.Headline;
	export import Hero = Grommet.Hero;
	export import Image = Grommet.Image;
	export import Label = Grommet.Label;
	export import Layer = Grommet.Layer;
	export import Legend = Grommet.Legend;
	export import List = Grommet.List;
	export import ListItem = Grommet.ListItem;
	export import LoginForm = Grommet.LoginForm;
	export import Map = Grommet.Map;
	export import Markdown = Grommet.Markdown;
	export import Menu = Grommet.Menu;
	export import Meter = Grommet.Meter;
	export import Notification = Grommet.Notification;
	export import NumberInput = Grommet.NumberInput;
	export import Paragraph = Grommet.Paragraph;
	export import Quote = Grommet.Quote;
	export import RadioButton = Grommet.RadioButton;
	export import Search = Grommet.Search;
	export import SearchInput = Grommet.SearchInput;
	export import Section = Grommet.Section;
	export import Select = Grommet.Select;
	export import Sidebar = Grommet.Sidebar;
	export import SkipLinkAnchor = Grommet.SkipLinkAnchor;
	export import SkipLinks = Grommet.SkipLinks;
	export import SocialShare = Grommet.SocialShare;
	export import Split = Grommet.Split;
	export import Spinning = Grommet.Spinning;
	export import SunBurst = Grommet.SunBurst;
	export import SVGIcon = Grommet.SVGIcon;
	export import Tab = Grommet.Tab;
	export import Table = Grommet.Table;
	export import TableHeader = Grommet.TableHeader;
	export import TableRow = Grommet.TableRow;
	export import Tabs = Grommet.Tabs;
	export import TextInput = Grommet.TextInput;
	export import Tile = Grommet.Tile;
	export import Tiles = Grommet.Tiles;
	export import Timestamp = Grommet.Timestamp;
	export import Tip = Grommet.Tip;
	export import Title = Grommet.Title;
	export import Toast = Grommet.Toast;
	export import Topology = Grommet.Topology;
	export import Value = Grommet.Value;
	export import Video = Grommet.Video;
	export import WorldMap = Grommet.WorldMap;
	//  "grommet/components/icons"
	export import ThreeDIcon = Grommet.Icon;
	export import AccessAccessibilityIcon = Grommet.Icon;
	export import AccessAdIcon = Grommet.Icon;
	export import AccessAssistListeningIcon = Grommet.Icon;
	export import AccessBrailleIcon = Grommet.Icon;
	export import AccessSignIcon = Grommet.Icon;
	export import AccessTtyIcon = Grommet.Icon;
	export import AccessVolumeControlIcon = Grommet.Icon;
	export import AccessWheelchairActiveIcon = Grommet.Icon;
	export import AccessWheelchairIcon = Grommet.Icon;
	export import AccessibleIcon = Grommet.Icon;
	export import AchievementIcon = Grommet.Icon;
	export import ActionIcon = Grommet.Icon;
	export import ActionsIcon = Grommet.Icon;
	export import AddChapterIcon = Grommet.Icon;
	export import AddCircleIcon = Grommet.Icon;
	export import AddIcon = Grommet.Icon;
	export import AedIcon = Grommet.Icon;
	export import AggregateIcon = Grommet.Icon;
	export import AidOptionIcon = Grommet.Icon;
	export import AidIcon = Grommet.Icon;
	export import AlarmIcon = Grommet.Icon;
	export import AlertIcon = Grommet.Icon;
	export import AnalyticsIcon = Grommet.Icon;
	export import AnnounceIcon = Grommet.Icon;
	export import AppsIcon = Grommet.Icon;
	export import ArchiveIcon = Grommet.Icon;
	export import ArticleIcon = Grommet.Icon;
	export import AscendIcon = Grommet.Icon;
	export import AtmIcon = Grommet.Icon;
	export import AttachmentIcon = Grommet.Icon;
	export import AttractionIcon = Grommet.Icon;
	export import BabyIcon = Grommet.Icon;
	export import BackTenIcon = Grommet.Icon;
	export import BarChartIcon = Grommet.Icon;
	export import BarIcon = Grommet.Icon;
	export import BasketIcon = Grommet.Icon;
	export import BlogIcon = Grommet.Icon;
	export import BookIcon = Grommet.Icon;
	export import BookmarkIcon = Grommet.Icon;
	export import BottomCornerIcon = Grommet.Icon;
	export import BrandAppleAppStoreIcon = Grommet.Icon;
	export import BrandCodepenEditIcon = Grommet.Icon;
	export import BrandCodepenTryIcon = Grommet.Icon;
	export import BrandGooglePlayIcon = Grommet.Icon;
	export import BrandGrommetOutlineIcon = Grommet.Icon;
	export import BrandGrommetPathIcon = Grommet.Icon;
	export import BrandHpeElementOutlineIcon = Grommet.Icon;
	export import BrandHpeElementPathIcon = Grommet.Icon;
	export import BrandHpeLabsInsigniaOutlineIcon = Grommet.Icon;
	export import BrandHpeLabsInsigniaIcon = Grommet.Icon;
	export import BrandHpeStackCenteredIcon = Grommet.Icon;
	export import BrandHpeStackIcon = Grommet.Icon;
	export import BriefcaseIcon = Grommet.Icon;
	export import BrushIcon = Grommet.Icon;
	export import BugIcon = Grommet.Icon;
	export import BundleIcon = Grommet.Icon;
	export import BusIcon = Grommet.Icon;
	export import BusinessServiceIcon = Grommet.Icon;
	export import CafeteriaIcon = Grommet.Icon;
	export import CalculatorIcon = Grommet.Icon;
	export import CalendarIcon = Grommet.Icon;
	export import CameraIcon = Grommet.Icon;
	export import CapacityIcon = Grommet.Icon;
	export import CarIcon = Grommet.Icon;
	export import CaretBackIcon = Grommet.Icon;
	export import CaretDownIcon = Grommet.Icon;
	export import CaretNextIcon = Grommet.Icon;
	export import CaretPreviousIcon = Grommet.Icon;
	export import CaretUpIcon = Grommet.Icon;
	export import CartIcon = Grommet.Icon;
	export import CatalogOptionIcon = Grommet.Icon;
	export import CatalogIcon = Grommet.Icon;
	export import ChannelIcon = Grommet.Icon;
	export import ChapterAddIcon = Grommet.Icon;
	export import ChapterNextIcon = Grommet.Icon;
	export import ChapterPreviousIcon = Grommet.Icon;
	export import ChatIcon = Grommet.Icon;
	export import CheckboxSelectedIcon = Grommet.Icon;
	export import CheckboxIcon = Grommet.Icon;
	export import CheckmarkIcon = Grommet.Icon;
	export import CircleInformationIcon = Grommet.Icon;
	export import CirclePlayIcon = Grommet.Icon;
	export import CircleQuestionIcon = Grommet.Icon;
	export import ClearOptionIcon = Grommet.Icon;
	export import ClearIcon = Grommet.Icon;
	export import CliIcon = Grommet.Icon;
	export import ClipboardIcon = Grommet.Icon;
	export import ClockIcon = Grommet.Icon;
	export import CloneIcon = Grommet.Icon;
	export import CloseIcon = Grommet.Icon;
	export import ClosedCaptionIcon = Grommet.Icon;
	export import CloudComputerIcon = Grommet.Icon;
	export import CloudDownloadIcon = Grommet.Icon;
	export import CloudSoftwareIcon = Grommet.Icon;
	export import CloudUploadIcon = Grommet.Icon;
	export import CloudIcon = Grommet.Icon;
	export import ClusterIcon = Grommet.Icon;
	export import CoatCheckIcon = Grommet.Icon;
	export import CodeIcon = Grommet.Icon;
	export import ColumnsIcon = Grommet.Icon;
	export import CompareIcon = Grommet.Icon;
	export import CompassIcon = Grommet.Icon;
	export import ComplianceIcon = Grommet.Icon;
	export import ConfigureIcon = Grommet.Icon;
	export import ConnectIcon = Grommet.Icon;
	export import ContactInfoIcon = Grommet.Icon;
	export import ContactIcon = Grommet.Icon;
	export import ContractIcon = Grommet.Icon;
	export import CopyIcon = Grommet.Icon;
	export import CreditCardIcon = Grommet.Icon;
	export import CubeIcon = Grommet.Icon;
	export import CubesIcon = Grommet.Icon;
	export import CurrencyIcon = Grommet.Icon;
	export import CursorIcon = Grommet.Icon;
	export import CutIcon = Grommet.Icon;
	export import CycleIcon = Grommet.Icon;
	export import DashboardIcon = Grommet.Icon;
	export import DatabaseIcon = Grommet.Icon;
	export import DeliverIcon = Grommet.Icon;
	export import DeployIcon = Grommet.Icon;
	export import DescendIcon = Grommet.Icon;
	export import DesktopIcon = Grommet.Icon;
	export import DetachIcon = Grommet.Icon;
	export import DiamondIcon = Grommet.Icon;
	export import DirectionsIcon = Grommet.Icon;
	export import DislikeIcon = Grommet.Icon;
	export import DocumentCloudIcon = Grommet.Icon;
	export import DocumentConfigIcon = Grommet.Icon;
	export import DocumentCsvIcon = Grommet.Icon;
	export import DocumentDownloadIcon = Grommet.Icon;
	export import DocumentExcelIcon = Grommet.Icon;
	export import DocumentExeIcon = Grommet.Icon;
	export import DocumentImageIcon = Grommet.Icon;
	export import DocumentLockedIcon = Grommet.Icon;
	export import DocumentMissingIcon = Grommet.Icon;
	export import DocumentNotesIcon = Grommet.Icon;
	export import DocumentOutlookIcon = Grommet.Icon;
	export import DocumentPdfIcon = Grommet.Icon;
	export import DocumentPerformanceIcon = Grommet.Icon;
	export import DocumentPptIcon = Grommet.Icon;
	export import DocumentRtfIcon = Grommet.Icon;
	export import DocumentSoundIcon = Grommet.Icon;
	export import DocumentStoreIcon = Grommet.Icon;
	export import DocumentTestIcon = Grommet.Icon;
	export import DocumentTextIcon = Grommet.Icon;
	export import DocumentThreatIcon = Grommet.Icon;
	export import DocumentTimeIcon = Grommet.Icon;
	export import DocumentTransferIcon = Grommet.Icon;
	export import DocumentTxtIcon = Grommet.Icon;
	export import DocumentUpdateIcon = Grommet.Icon;
	export import DocumentUploadIcon = Grommet.Icon;
	export import DocumentUserIcon = Grommet.Icon;
	export import DocumentVerifiedIcon = Grommet.Icon;
	export import DocumentVideoIcon = Grommet.Icon;
	export import DocumentWindowsIcon = Grommet.Icon;
	export import DocumentWordIcon = Grommet.Icon;
	export import DocumentZipIcon = Grommet.Icon;
	export import DocumentIcon = Grommet.Icon;
	export import DomainIcon = Grommet.Icon;
	export import DownIcon = Grommet.Icon;
	export import DownloadIcon = Grommet.Icon;
	export import DragIcon = Grommet.Icon;
	export import DriveCageIcon = Grommet.Icon;
	export import DuplicateIcon = Grommet.Icon;
	export import EditIcon = Grommet.Icon;
	export import EjectIcon = Grommet.Icon;
	export import ElevatorIcon = Grommet.Icon;
	export import EmergencyIcon = Grommet.Icon;
	export import EmptyCircleIcon = Grommet.Icon;
	export import EscalatorIcon = Grommet.Icon;
	export import ExpandIcon = Grommet.Icon;
	export import FanIcon = Grommet.Icon;
	export import FastForwardIcon = Grommet.Icon;
	export import FavoriteIcon = Grommet.Icon;
	export import FilterIcon = Grommet.Icon;
	export import FingerPrintIcon = Grommet.Icon;
	export import FlagIcon = Grommet.Icon;
	export import FolderCycleIcon = Grommet.Icon;
	export import FolderOpenIcon = Grommet.Icon;
	export import FolderIcon = Grommet.Icon;
	export import FormAddIcon = Grommet.Icon;
	export import FormAttachmentIcon = Grommet.Icon;
	export import FormCalendarIcon = Grommet.Icon;
	export import FormCheckmarkIcon = Grommet.Icon;
	export import FormClockIcon = Grommet.Icon;
	export import FormCloseIcon = Grommet.Icon;
	export import FormCutIcon = Grommet.Icon;
	export import FormDownIcon = Grommet.Icon;
	export import FormEditIcon = Grommet.Icon;
	export import FormFilterIcon = Grommet.Icon;
	export import FormFolderIcon = Grommet.Icon;
	export import FormLocationIcon = Grommet.Icon;
	export import FormLockIcon = Grommet.Icon;
	export import FormNextLinkIcon = Grommet.Icon;
	export import FormNextIcon = Grommet.Icon;
	export import FormPreviousLinkIcon = Grommet.Icon;
	export import FormPreviousIcon = Grommet.Icon;
	export import FormRefreshIcon = Grommet.Icon;
	export import FormScheduleIcon = Grommet.Icon;
	export import FormSearchIcon = Grommet.Icon;
	export import FormSubtractIcon = Grommet.Icon;
	export import FormTrashIcon = Grommet.Icon;
	export import FormUpIcon = Grommet.Icon;
	export import FormUploadIcon = Grommet.Icon;
	export import ForwardTenIcon = Grommet.Icon;
	export import GalleryIcon = Grommet.Icon;
	export import GamepadIcon = Grommet.Icon;
	export import GiftIcon = Grommet.Icon;
	export import GlobeIcon = Grommet.Icon;
	export import GridIcon = Grommet.Icon;
	export import GroupIcon = Grommet.Icon;
	export import GrowIcon = Grommet.Icon;
	export import HaltIcon = Grommet.Icon;
	export import HelpIcon = Grommet.Icon;
	export import HistoryIcon = Grommet.Icon;
	export import HomeIcon = Grommet.Icon;
	export import HostMaintenanceIcon = Grommet.Icon;
	export import HostIcon = Grommet.Icon;
	export import IceCreamIcon = Grommet.Icon;
	export import ImageIcon = Grommet.Icon;
	export import ImpactIcon = Grommet.Icon;
	export import InProgressIcon = Grommet.Icon;
	export import InboxIcon = Grommet.Icon;
	export import IndicatorIcon = Grommet.Icon;
	export import InfoIcon = Grommet.Icon;
	export import InheritIcon = Grommet.Icon;
	export import InspectIcon = Grommet.Icon;
	export import InstallOptionIcon = Grommet.Icon;
	export import InstallIcon = Grommet.Icon;
	export import IntegrationIcon = Grommet.Icon;
	export import IterationIcon = Grommet.Icon;
	export import JavaIcon = Grommet.Icon;
	export import LanguageIcon = Grommet.Icon;
	export import LaunchIcon = Grommet.Icon;
	export import LayerIcon = Grommet.Icon;
	export import LicenseIcon = Grommet.Icon;
	export import LikeIcon = Grommet.Icon;
	export import LineChartIcon = Grommet.Icon;
	export import LinkBottomIcon = Grommet.Icon;
	export import LinkDownIcon = Grommet.Icon;
	export import LinkNextIcon = Grommet.Icon;
	export import LinkPreviousIcon = Grommet.Icon;
	export import LinkTopIcon = Grommet.Icon;
	export import LinkUpIcon = Grommet.Icon;
	export import LinkIcon = Grommet.Icon;
	export import LocalIcon = Grommet.Icon;
	export import LocationPinIcon = Grommet.Icon;
	export import LocationIcon = Grommet.Icon;
	export import LockIcon = Grommet.Icon;
	export import LoginIcon = Grommet.Icon;
	export import LogoutIcon = Grommet.Icon;
	export import LoungeIcon = Grommet.Icon;
	export import MagicIcon = Grommet.Icon;
	export import MailOptionIcon = Grommet.Icon;
	export import MailIcon = Grommet.Icon;
	export import ManualIcon = Grommet.Icon;
	export import MapLocationIcon = Grommet.Icon;
	export import MapIcon = Grommet.Icon;
	export import MenuIcon = Grommet.Icon;
	export import MicrophoneIcon = Grommet.Icon;
	export import MoneyIcon = Grommet.Icon;
	export import MonitorIcon = Grommet.Icon;
	export import MoreIcon = Grommet.Icon;
	export import MultipleIcon = Grommet.Icon;
	export import MusicIcon = Grommet.Icon;
	export import NavigateIcon = Grommet.Icon;
	export import NewWindowIcon = Grommet.Icon;
	export import NewIcon = Grommet.Icon;
	export import NextIcon = Grommet.Icon;
	export import NodesIcon = Grommet.Icon;
	export import NoteIcon = Grommet.Icon;
	export import NotesIcon = Grommet.Icon;
	export import NotificationIcon = Grommet.Icon;
	export import ObjectGroupIcon = Grommet.Icon;
	export import ObjectUngroupIcon = Grommet.Icon;
	export import OptimizeIcon = Grommet.Icon;
	export import OrganizationIcon = Grommet.Icon;
	export import OverviewIcon = Grommet.Icon;
	export import PaintIcon = Grommet.Icon;
	export import PanIcon = Grommet.Icon;
	export import PauseFillIcon = Grommet.Icon;
	export import PauseIcon = Grommet.Icon;
	export import PersonalComputerIcon = Grommet.Icon;
	export import PieChartIcon = Grommet.Icon;
	export import PinIcon = Grommet.Icon;
	export import PlanIcon = Grommet.Icon;
	export import PlatformAmazonIcon = Grommet.Icon;
	export import PlatformAndroidIcon = Grommet.Icon;
	export import PlatformAppleIcon = Grommet.Icon;
	export import PlatformArchlinuxIcon = Grommet.Icon;
	export import PlatformArubaIcon = Grommet.Icon;
	export import PlatformCentosIcon = Grommet.Icon;
	export import PlatformChromeIcon = Grommet.Icon;
	export import PlatformCloudlinuxIcon = Grommet.Icon;
	export import PlatformDebianIcon = Grommet.Icon;
	export import PlatformDockerIcon = Grommet.Icon;
	export import PlatformDosIcon = Grommet.Icon;
	export import PlatformDropboxIcon = Grommet.Icon;
	export import PlatformEdgeIcon = Grommet.Icon;
	export import PlatformFedoraIcon = Grommet.Icon;
	export import PlatformFirefoxIcon = Grommet.Icon;
	export import PlatformFreebsdIcon = Grommet.Icon;
	export import PlatformGoogleIcon = Grommet.Icon;
	export import PlatformHadoopIcon = Grommet.Icon;
	export import PlatformHerokuIcon = Grommet.Icon;
	export import PlatformHortonIcon = Grommet.Icon;
	export import PlatformHpIcon = Grommet.Icon;
	export import PlatformHpiIcon = Grommet.Icon;
	export import PlatformInternetExplorerIcon = Grommet.Icon;
	export import PlatformJavaIcon = Grommet.Icon;
	export import PlatformMandrivaIcon = Grommet.Icon;
	export import PlatformMysqlIcon = Grommet.Icon;
	export import PlatformNortonIcon = Grommet.Icon;
	export import PlatformOnedriveIcon = Grommet.Icon;
	export import PlatformOperaIcon = Grommet.Icon;
	export import PlatformOracleIcon = Grommet.Icon;
	export import PlatformPiedPiperIcon = Grommet.Icon;
	export import PlatformRaspberryIcon = Grommet.Icon;
	export import PlatformReactjsIcon = Grommet.Icon;
	export import PlatformRedhatIcon = Grommet.Icon;
	export import PlatformSafariOptionIcon = Grommet.Icon;
	export import PlatformSafariIcon = Grommet.Icon;
	export import PlatformScoIcon = Grommet.Icon;
	export import PlatformSolarisIcon = Grommet.Icon;
	export import PlatformSuseIcon = Grommet.Icon;
	export import PlatformSwiftIcon = Grommet.Icon;
	export import PlatformTurbolinuxIcon = Grommet.Icon;
	export import PlatformUbuntuIcon = Grommet.Icon;
	export import PlatformUnixwareIcon = Grommet.Icon;
	export import PlatformVmwareIcon = Grommet.Icon;
	export import PlatformWindowsLegacyIcon = Grommet.Icon;
	export import PlatformWindowsIcon = Grommet.Icon;
	export import PlayFillIcon = Grommet.Icon;
	export import PlayIcon = Grommet.Icon;
	export import PowerIcon = Grommet.Icon;
	export import PreviousIcon = Grommet.Icon;
	export import PrintIcon = Grommet.Icon;
	export import RadialSelectedIcon = Grommet.Icon;
	export import RadialIcon = Grommet.Icon;
	export import RefreshIcon = Grommet.Icon;
	export import ResourcesIcon = Grommet.Icon;
	export import RestaurantIcon = Grommet.Icon;
	export import RestroomMenIcon = Grommet.Icon;
	export import RestroomWomenIcon = Grommet.Icon;
	export import RestroomIcon = Grommet.Icon;
	export import ResumeIcon = Grommet.Icon;
	export import RevertIcon = Grommet.Icon;
	export import RewindIcon = Grommet.Icon;
	export import RiskIcon = Grommet.Icon;
	export import RobotIcon = Grommet.Icon;
	export import RssIcon = Grommet.Icon;
	export import RunIcon = Grommet.Icon;
	export import SatelliteIcon = Grommet.Icon;
	export import SaveIcon = Grommet.Icon;
	export import ScanIcon = Grommet.Icon;
	export import ScheduleNewIcon = Grommet.Icon;
	export import SchedulePlayIcon = Grommet.Icon;
	export import ScheduleIcon = Grommet.Icon;
	export import SchedulesIcon = Grommet.Icon;
	export import ScorecardIcon = Grommet.Icon;
	export import SearchAdvancedIcon = Grommet.Icon;
	export import SearchIcon = Grommet.Icon;
	export import SecureIcon = Grommet.Icon;
	export import SelectIcon = Grommet.Icon;
	export import SelectionIcon = Grommet.Icon;
	export import SendIcon = Grommet.Icon;
	export import ServerClusterIcon = Grommet.Icon;
	export import ServerIcon = Grommet.Icon;
	export import ServersIcon = Grommet.Icon;
	export import ServicePlayIcon = Grommet.Icon;
	export import ServicesIcon = Grommet.Icon;
	export import SettignsOptionIcon = Grommet.Icon;
	export import SettingsOptionIcon = Grommet.Icon;
	export import ShareIcon = Grommet.Icon;
	export import ShieldSecurityIcon = Grommet.Icon;
	export import ShieldIcon = Grommet.Icon;
	export import ShiftIcon = Grommet.Icon;
	export import ShopIcon = Grommet.Icon;
	export import SidebarIcon = Grommet.Icon;
	export import SocialAmazonIcon = Grommet.Icon;
	export import SocialAmexIcon = Grommet.Icon;
	export import SocialBitcoinIcon = Grommet.Icon;
	export import SocialCodepenIcon = Grommet.Icon;
	export import SocialCreativeCommonsIcon = Grommet.Icon;
	export import SocialDropboxIcon = Grommet.Icon;
	export import SocialFacebookOptionIcon = Grommet.Icon;
	export import SocialGithubIcon = Grommet.Icon;
	export import SocialGooglePlusIcon = Grommet.Icon;
	export import SocialGoogleWalletIcon = Grommet.Icon;
	export import SocialInstagramIcon = Grommet.Icon;
	export import SocialLinkedinOptionIcon = Grommet.Icon;
	export import SocialLinkedinIcon = Grommet.Icon;
	export import SocialMailIcon = Grommet.Icon;
	export import SocialMastercardIcon = Grommet.Icon;
	export import SocialMediumIcon = Grommet.Icon;
	export import SocialPaypalIcon = Grommet.Icon;
	export import SocialPinterestIcon = Grommet.Icon;
	export import SocialProductHuntIcon = Grommet.Icon;
	export import SocialRedditIcon = Grommet.Icon;
	export import SocialSkypeIcon = Grommet.Icon;
	export import SocialSlackIcon = Grommet.Icon;
	export import SocialSnapchatIcon = Grommet.Icon;
	export import SocialSquareIcon = Grommet.Icon;
	export import SocialStackOverflowIcon = Grommet.Icon;
	export import SocialStripeIcon = Grommet.Icon;
	export import SocialTumblrIcon = Grommet.Icon;
	export import SocialTwitterIcon = Grommet.Icon;
	export import SocialVimeoIcon = Grommet.Icon;
	export import SocialVineIcon = Grommet.Icon;
	export import SocialVisaIcon = Grommet.Icon;
	export import SocialWordpressIcon = Grommet.Icon;
	export import SocialYoutubeIcon = Grommet.Icon;
	export import SortIcon = Grommet.Icon;
	export import SplitIcon = Grommet.Icon;
	export import SplitsIcon = Grommet.Icon;
	export import StakeholderIcon = Grommet.Icon;
	export import Standards3dEffectsIcon = Grommet.Icon;
	export import StandardsConnectivityIcon = Grommet.Icon;
	export import StandardsCss3Icon = Grommet.Icon;
	export import StandardsDeviceIcon = Grommet.Icon;
	export import StandardsFireballIcon = Grommet.Icon;
	export import StandardsHtml5Icon = Grommet.Icon;
	export import StandardsMultimediaIcon = Grommet.Icon;
	export import StandardsOfflineStorageIcon = Grommet.Icon;
	export import StandardsPerformanceIcon = Grommet.Icon;
	export import StandardsSematicsIcon = Grommet.Icon;
	export import StarHalfIcon = Grommet.Icon;
	export import StarIcon = Grommet.Icon;
	export import StepsOptionIcon = Grommet.Icon;
	export import StepsIcon = Grommet.Icon;
	export import StopFillIcon = Grommet.Icon;
	export import StopIcon = Grommet.Icon;
	export import StorageIcon = Grommet.Icon;
	export import StreetViewIcon = Grommet.Icon;
	export import SubtractCircleIcon = Grommet.Icon;
	export import SubtractIcon = Grommet.Icon;
	export import SupportIcon = Grommet.Icon;
	export import SyncIcon = Grommet.Icon;
	export import SystemIcon = Grommet.Icon;
	export import TableAddIcon = Grommet.Icon;
	export import TableIcon = Grommet.Icon;
	export import TagIcon = Grommet.Icon;
	export import TargetIcon = Grommet.Icon;
	export import TaskIcon = Grommet.Icon;
	export import TasksIcon = Grommet.Icon;
	export import TechnologyIcon = Grommet.Icon;
	export import TemplateIcon = Grommet.Icon;
	export import TerminalIcon = Grommet.Icon;
	export import TestDesktopIcon = Grommet.Icon;
	export import TestIcon = Grommet.Icon;
	export import TextWrapIcon = Grommet.Icon;
	export import ThreatsIcon = Grommet.Icon;
	export import TicketIcon = Grommet.Icon;
	export import TipIcon = Grommet.Icon;
	export import ToastIcon = Grommet.Icon;
	export import ToolsIcon = Grommet.Icon;
	export import TooltipIcon = Grommet.Icon;
	export import TopCornerIcon = Grommet.Icon;
	export import TransactionIcon = Grommet.Icon;
	export import TrashIcon = Grommet.Icon;
	export import TreeOptionIcon = Grommet.Icon;
	export import TreeIcon = Grommet.Icon;
	export import TriggerIcon = Grommet.Icon;
	export import TrophyIcon = Grommet.Icon;
	export import TroubleshootIcon = Grommet.Icon;
	export import UnlinkIcon = Grommet.Icon;
	export import UnlockIcon = Grommet.Icon;
	export import UpIcon = Grommet.Icon;
	export import UpdateIcon = Grommet.Icon;
	export import UpgradeIcon = Grommet.Icon;
	export import UploadIcon = Grommet.Icon;
	export import UserAddIcon = Grommet.Icon;
	export import UserAdminIcon = Grommet.Icon;
	export import UserExpertIcon = Grommet.Icon;
	export import UserFemaleIcon = Grommet.Icon;
	export import UserManagerIcon = Grommet.Icon;
	export import UserNewIcon = Grommet.Icon;
	export import UserPoliceIcon = Grommet.Icon;
	export import UserSettingsIcon = Grommet.Icon;
	export import UserWorkerIcon = Grommet.Icon;
	export import UserIcon = Grommet.Icon;
	export import ValidateIcon = Grommet.Icon;
	export import VideoIcon = Grommet.Icon;
	export import ViewIcon = Grommet.Icon;
	export import VirtualMachineIcon = Grommet.Icon;
	export import VmMaintenanceIcon = Grommet.Icon;
	export import VolumeLowIcon = Grommet.Icon;
	export import VolumeMuteIcon = Grommet.Icon;
	export import VolumeIcon = Grommet.Icon;
	export import VulnerabilityIcon = Grommet.Icon;
	export import WaypointIcon = Grommet.Icon;
	export import WorkshopIcon = Grommet.Icon;
	export import ZoomInIcon = Grommet.Icon;
	export import ZoomOutIcon = Grommet.Icon;
}

// tslint:disable forbidden-types
declare namespace Grommet {
	interface AccordionProps {
		active?: number | number[];
		animate?: boolean;
		onActive?: Function;
		openMulti?: boolean;
	}
	export class Accordion extends React.Component<AccordionProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface AccordionPanelProps {
		a11yTitle?: string;
		active?: boolean;
		animate?: boolean;
		heading?: React.ReactNode;
		onChange?: Function;
		pad?: any;
	}
	export class AccordionPanel extends React.Component<AccordionPanelProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface AnchorProps {
		a11yTitle?: string;
		align?: 'start' | 'center' | 'end';
		animateIcon?: boolean;
		disabled?: boolean;
		href?: string;
		icon?: React.ReactNode | JSX.Element;
		id?: string;
		label?: string;
		method?: 'push' | 'replace';
		onClick?: Function;
		path?: string;
		primary?: boolean;
		reverse?: boolean;
		tag?: string;
		target?: string;
	}
	export class Anchor extends React.Component<AnchorProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface AnimateProps {
		component?: string | Function;
		enter?: GrommetCustomTypes.AnimationDetails;
		keep?: boolean;
		leave: GrommetCustomTypes.AnimationDetails;
		visible?: 'scroll' | boolean;
	}
	export class Animate extends React.Component<AnimateProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface AppProps {
		centered?: boolean;
		inline?: boolean;
	}
	export class App extends React.Component<AppProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface ArticleProps extends BoxProps<Article> {
		controls?: boolean;
		onProgress?: Function;
		onSelect?: Function;
		scrollStep?: boolean;
		selected?: number;
	}
	export class Article extends React.Component<ArticleProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	export interface BoxProps<S = BoxSizeProp> {
		a11yTitle?: string | any;
		announce?: boolean;
		align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
		alignContent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'stretch';
		alignSelf?: 'start' | 'center' | 'end' | 'stretch';
		appCentered?: boolean;
		backgroundImage?: string;
		basis?: GrommetBoxTypes.BoxSizes;
		colorIndex?: string;
		containerClassName?: string;
		direction?: 'row' | 'column';
		focusable?: boolean;
		flex?: 'grow' | 'shrink' | boolean;
		full?: 'horizontal' | 'vertical' | boolean;
		onClick?: Function;
		justify?: 'start' | 'center' | 'between' | 'end';
		margin?:
			| GrommetBoxTypes.MarginSizes
			| {
					bottom?: GrommetBoxTypes.MarginSizes;
					horizontal?: GrommetBoxTypes.MarginSizes;
					left?: GrommetBoxTypes.MarginSizes;
					right?: GrommetBoxTypes.MarginSizes;
					top?: GrommetBoxTypes.MarginSizes;
					vertical?: GrommetBoxTypes.MarginSizes;
			  };
		pad?:
			| GrommetBoxTypes.PadSizes
			| {
					between?: GrommetBoxTypes.PadSizes;
					horizontal?: GrommetBoxTypes.PadSizes;
					vertical?: GrommetBoxTypes.PadSizes;
			  };
		primary?: boolean;
		reverse?: boolean;
		responsive?: boolean;
		role?: string;
		separator?: 'top' | 'bottom' | 'left' | 'right' | 'horizontal' | 'vertical' | 'all' | 'none';
		size?: S;
		tag?: string;
		textAlign?: 'left' | 'center' | 'right';
		texture?: React.ReactNode | string;
		wrap?: boolean;
		onFocus?: Function;
	}
	interface BoxSizeProp {
		height?:
			| GrommetBoxTypes.Size
			| {
					max?: GrommetBoxTypes.FixedSizes;
					min?: GrommetBoxTypes.FixedSizes;
			  };
		width?:
			| GrommetBoxTypes.Size
			| {
					max?: GrommetBoxTypes.FixedSizes;
					min?: GrommetBoxTypes.FixedSizes;
			  };
	}
	export class Box extends React.Component<BoxProps> {
		context: GrommetContextTypes.Intl;
	}

	interface ButtonProps {
		a11yTitle?: string;
		accent?: boolean;
		align?: 'start' | 'center' | 'end';
		fill?: boolean;
		href?: string;
		icon?: React.ReactElement<IconProps>;
		label?: React.ReactNode;
		method?: 'push' | 'replace';
		onClick?: Function;
		path?: string;
		plain?: boolean;
		primary?: boolean;
		reverse?: boolean;
		secondary?: boolean;
		type?: 'button' | 'reset' | 'submit';
		hoverIndicator?: 'background';
	}
	export class Button extends React.Component<ButtonProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface CardProps extends BoxProps<Card> {
		contentPad?:
			| GrommetBoxTypes.PadSizes
			| {
					between?: GrommetBoxTypes.PadSizes;
					horizontal?: GrommetBoxTypes.PadSizes;
					vertical?: GrommetBoxTypes.PadSizes;
			  };
		description?: string | React.ReactElement<any>;
		heading?: string | React.ReactElement<any>;
		headingStrong?: boolean;
		label?: string | React.ReactElement<any>;
		link?: React.ReactElement<any>;
		textSize?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
		thumbnail?: string | React.ReactElement<any>;
		truncate?: boolean;
		video?: { source: string; type?: string } | React.ReactElement<any>;
	}
	export class Card extends React.Component<CardProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface CarouselProps {
		a11yTitle?: string;
		autoplay?: boolean;
		autoplaySpeed?: number;
		infinite?: boolean;
		persistentNav?: boolean;
	}
	export class Carousel extends React.Component<CarouselProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface CheckBoxProps {
		checked?: boolean;
		disabled?: boolean;
		label?: React.ReactNode;
		name?: string;
		onChange?: Function;
		reverse?: boolean;
		toggle?: boolean;
	}
	export class CheckBox extends React.Component<CheckBoxProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface ColumnsProps {
		justify?: 'start' | 'center' | 'between' | 'end';
		margin?: 'small' | 'medium' | 'large';
		masonry?: boolean;
		maxCount?: number;
		responsive?: boolean;
		size?: 'small' | 'medium' | 'large';
	}

	export class Columns extends React.Component<ColumnsProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface DateTimeProps {
		format?: string;
		id?: string;
		name?: string;
		onChange?: Function;
		step?: number;
		value?: string | {};
	}
	export class DateTime extends React.Component<DateTimeProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface DistributionProps {
		a11yTitle?: string;
		full?: boolean;
		series?: Array<{
			label?: React.ReactNode;
			value: number;
			colorIndex?: string;
			important?: boolean;
			onClick?: Function;
			icon?: {
				width?: number;
				height?: number;
				svgElement?: React.ReactNode;
			};
		}>;
		size?: 'small' | 'medium' | 'large' | 'full';
		units?: string;
		vertical?: boolean;
	}
	export class Distribution extends React.Component<DistributionProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	type FooterSize = 'small' | 'medium' | 'large';
	interface FooterProps extends BoxProps<FooterSize> {
		fixed?: boolean;
		float?: boolean;
		primary?: boolean;
	}
	export class Footer extends React.Component<FooterProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface FormProps {
		compact?: boolean;
		fill?: boolean;
		onSubmit?: Function;
		pad?:
			| GrommetCustomTypes.FormPadding
			| {
					horizontal?: GrommetCustomTypes.FormPadding;
					vertical?: GrommetCustomTypes.FormPadding;
			  };
		plain?: boolean;
	}
	export class Form extends React.Component<FormProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface FormattedMessageProps {
		id: string;
		defaultMessage?: string;
	}
	export class FormattedMessage extends React.Component<FormattedMessageProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface FormFieldProps {
		error?: React.ReactNode;
		help?: React.ReactNode;
		hidden?: boolean;
		htmlFor?: string;
		label?: React.ReactNode;
		size?: 'medium' | 'large';
		strong?: boolean;
	}
	export class FormField extends React.Component<FormFieldProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface FormFieldsProps {
		children?: React.ReactNode;
		className?: string;
	}
	export class FormFields extends React.Component<FormFieldsProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	type HeaderSize = 'small' | 'medium' | 'large';
	interface HeaderProps extends BoxProps<HeaderSize> {
		fixed?: boolean;
		float?: boolean;
		splash?: boolean;
	}
	export class Header extends React.Component<HeaderProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface HeadingProps {
		align?: 'start' | 'center' | 'end';
		margin?: 'none' | 'small' | 'medium' | 'large';
		size?: 'small' | 'medium' | 'large';
		strong?: boolean;
		tag?: string;
		truncate?: boolean;
		uppercase?: boolean;
	}
	export class Heading extends React.Component<HeadingProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface HeadlineProps {
		align?: 'start' | 'center' | 'end';
		margin?: 'none' | 'small' | 'medium' | 'large';
		size?: 'small' | 'medium' | 'large' | 'xlarge';
		strong?: boolean;
	}
	export class Headline extends React.Component<HeadlineProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface HeroProps {
		background?: React.ReactElement<any>;
		backgroundColorIndex?: string;
		size?: 'small' | 'medium' | 'large';
		// below props are all deprecated
		backgroundImage?: string;
		backgroundPosition?: 'left' | 'center' | 'right';
		backgroundVideo?: React.ReactElement<any>;
		colorIndex?: string;
		flush?: boolean;
		image?: string;
		justify?: 'start' | 'center' | 'end';
		responsiveBackgroundPosition?: 'left' | 'center' | 'right';
		separator?: boolean;
	}
	export class Hero extends React.Component<HeroProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface IconProps {
		a11yTitle?: string;
		colorIndex?: string;
		size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'huge';
		responsize?: boolean;
	}
	export class Icon extends React.Component<IconProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface ImageProps {
		align?: {
			bottom?: boolean;
			left?: boolean;
			right?: boolean;
			top?: boolean;
		};
		alt?: string;
		caption?: boolean | string;
		fit?: 'contain' | 'cover';
		full?: 'horizontal' | 'vertical' | boolean;
		mask?: boolean;
		size?: 'small' | 'medium' | 'large' | 'thumb';
		src?: string;
		title?: string;
	}
	export class Image extends React.Component<ImageProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface LabelProps {
		announce?: boolean;
		labelFor?: string;
		margin?: 'none' | 'small' | 'medium' | 'large';
		size?: 'small' | 'medium';
		truncate?: boolean;
		uppercase?: boolean;
	}
	export class Label extends React.Component<LabelProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface LayerProps {
		align?: 'center' | 'top' | 'bottom' | 'left' | 'right';
		closer?: React.ReactNode | boolean;
		flush?: boolean;
		hidden?: boolean;
		overlayClose: boolean;
		peek?: boolean;
		onClose?: Function;
	}
	export class Layer extends React.Component<LayerProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface LegendProps {
		activeIndex?: number;
		announce?: boolean;
		onActive?: Function;
		series: Array<{
			label?: string;
			value?: number | React.ReactNode;
			units?: number | React.ReactNode | { prefix?: string; suffix?: string };
			colorIndex?: number | string;
			onClick?: Function;
		}>;
		total?: boolean | React.ReactNode;
		units?:
			| string
			| {
					prefix?: string;
					suffix?: string;
			  };
	}
	export class Legend extends React.Component<LegendProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface ListProps {
		emptyIndicator?: React.ReactNode;
		onMore?: Function;
		onSelect?: Function;
		selectable?: boolean | 'multiple';
		selected?: number | number[];
	}
	export class List extends React.Component<ListProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	export class ListItem extends React.Component<BoxProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface LoginFormProps {
		align?: 'start' | 'center' | 'end' | 'stretch';
		defaultValues?: {
			username?: string;
			rememberMe?: boolean;
		};
		errors?: string[];
		forgotPassword?: React.ReactNode;
		logo?: React.ReactNode;
		onSubmit?: Function;
		onChange?: Function;
		rememberMe?: boolean;
		secondaryText?: string;
		title?: string;
		usernameType?: string;
	}
	export class LoginForm extends React.Component<LoginFormProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface MapProps {
		active?: string;
		data: {
			categories: Array<{
				id?: string;
				label?: React.ReactNode;
				items: Array<{
					id?: string;
					label?: string;
					node?: React.ReactNode;
				}>;
			}>;
			links: Array<{
				childId: string;
				colorIndex?: string;
				parentId: string;
			}>;
		};
		linkColorIndex?: string;
		onActive?: Function;
		vertical?: boolean;
	}
	export class Map extends React.Component<MapProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface MarkdownProps {
		content?: string;
		components?: {
			props?: {};
		};
	}
	export class Markdown extends React.Component<MarkdownProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface MenuProps extends BoxProps<GrommetBoxTypes.PadSizes> {
		closeOnClick?: boolean;
		dropAlign?: {
			top?: GrommetCustomTypes.VERTICAL_ALIGN_OPTIONS;
			bottom?: GrommetCustomTypes.VERTICAL_ALIGN_OPTIONS;
			left?: GrommetCustomTypes.HORIZONTAL_ALIGN_OPTIONS;
			right?: GrommetCustomTypes.HORIZONTAL_ALIGN_OPTIONS;
		};
		dropColorIndex?: string;
		icon?: React.ReactNode;
		id?: string;
		inline?: boolean | 'expand';
		fill?: boolean;
		label?: string;
	}
	export class Menu extends React.Component<MenuProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface MeterProps {
		active?: boolean;
		activeIndex?: number;
		a11yTitle?: string;
		colorIndex?: string;
		label?: React.ReactNode;
		max?: number;
		min?: number;
		onActive?: Function;
		series?: Array<{
			colorIndex?: string;
			onClick?: Function;
			label?: string;
			value: number;
		}>;
		size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
		stacked?: boolean;
		tabIndex?: string;
		threshold?: number;
		thresholds?: Array<{
			value: number;
			colorIndex?: string;
		}>;
		type?: 'bar' | 'arc' | 'circle' | 'spiral';
		value?: number;
		vertical?: boolean;
		responsive?: boolean;
	}
	export class Meter extends React.Component<MeterProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	type NotificationSize = 'small' | 'medium' | 'large';
	interface NotificationProps extends BoxProps<NotificationSize> {
		closer?: React.ReactNode | boolean;
		context?: React.ReactNode;
		message: string;
		onClose?: Function;
		percentComplete?: number;
		state?: string;
		status?: string;
		timestamp?: {};
	}
	export class Notification extends React.Component<NotificationProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface NumberInputProps {
		defaultValue?: number;
		disabled?: boolean;
		id?: string;
		max?: number;
		min?: number;
		name?: string;
		onChange?: Function;
		step?: number;
		value?: number | string;
	}
	export class NumberInput extends React.Component<NumberInputProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface ObjectProps {
		// tslint:disable-line
		data: {};
	}
	export class Object extends React.Component<ObjectProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface ParagraphProps {
		align?: 'start' | 'center' | 'end';
		margin?: 'none' | 'small' | 'medium' | 'large';
		size?: 'small' | 'medium' | 'large' | 'xlarge';
		width?: 'small' | 'medium' | 'large';
	}
	export class Paragraph extends React.Component<ParagraphProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	type QuoteSize = 'small' | 'medium' | 'large' | 'full';
	interface QuoteProps extends BoxProps<QuoteSize> {
		borderColorIndex?: string;
		credit?: string | React.ReactElement<any>;
		emphasizeCredit?: boolean;
	}
	export class Quote extends React.Component<QuoteProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface RadioButtonProps {
		checked?: boolean;
		defaultChecked?: boolean;
		disabled?: boolean;
		id: string;
		label: React.ReactNode;
		name?: string;
		onChange?: Function;
		value?: string;
	}
	export class RadioButton extends React.Component<RadioButtonProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SearchProps {
		align?: string;
		defaultValue?: string;
		dropAlign?: {
			top?: GrommetCustomTypes.VERTICAL_ALIGN_OPTIONS;
			bottom?: GrommetCustomTypes.VERTICAL_ALIGN_OPTIONS;
			left?: GrommetCustomTypes.HORIZONTAL_ALIGN_OPTIONS;
			right?: GrommetCustomTypes.HORIZONTAL_ALIGN_OPTIONS;
		};
		dropColorIndex?: string;
		fill?: boolean;
		iconAlign?: 'start' | 'end';
		id?: string;
		initialFocus?: boolean;
		inline?: boolean;
		onDOMChange?: Function;
		onSelect?: Function;
		pad?: 'small' | 'medium';
		placeHolder?: string;
		responsive?: boolean;
		size?: 'small' | 'medium' | 'large';
		suggestions?: Array<
			| {
					label?: React.ReactNode;
					value?: any;
			  }
			| string
		>;
		value?: string;
	}
	export class Search extends React.Component<SearchProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SearchInputProps {
		defaultValue?: GrommetCustomTypes.SearchInputValue | string;
		id?: string;
		name?: string;
		onDOMChange?: Function;
		onSelect?: Function;
		placeHolder?: string;
		suggestions?: Array<GrommetCustomTypes.SearchInputValue | string>;
		value?: GrommetCustomTypes.SearchInputValue | string;
	}
	export class SearchInput extends React.Component<SearchInputProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	export class Section extends React.Component<BoxProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SelectProps {
		inline?: boolean;
		multiple?: boolean;
		onSearch?: Function;
		onChange?: Function;
		placeHolder?: string;
		options: GrommetCustomTypes.SelectValueType[];
		value?: GrommetCustomTypes.SelectValueType | GrommetCustomTypes.SelectValueType[];
	}
	export class Select extends React.Component<SelectProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	type SidebarSize = 'xsmall' | 'small' | 'medium' | 'large';
	interface SidebarProps extends BoxProps<SidebarSize> {
		fixed?: boolean;
		full?: boolean;
	}
	export class Sidebar extends React.Component<SidebarProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SkipLinkAnchorProps {
		label: React.ReactNode;
	}
	export class SkipLinkAnchor extends React.Component<SkipLinkAnchorProps> {}

	export class SkipLinks extends React.Component<any> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SocialShareProps {
		a11yTitle?: string;
		className?: string;
		colorIndex?: string;
		link: string;
		text?: string;
		title?: string;
		type: 'email' | 'facebook' | 'twitter' | 'linkedin' | 'google';
	}
	export class SocialShare extends React.Component<SocialShareProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SplitProps {
		fixed?: boolean;
		flex?: 'left' | 'right' | 'both';
		onResponsive?: Function;
		priority?: 'left' | 'right';
		separator?: boolean;
		showOnResponsive?: 'priority' | 'both';
	}
	export class Split extends React.Component<SplitProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SpinningProps {
		size?: 'small' | 'medium' | 'large' | 'xlarge' | 'huge';
	}
	export class Spinning extends React.Component<SpinningProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SunBurstProps {
		a11yTitle?: string;
		active?: number[];
		data?: Array<{
			children?: Array<{}>;
			colorIndex?: string;
			total?: number;
			value: number;
		}>;
		label?: React.ReactNode;
		onActive?: Function;
		onClick?: Function;
		size?: 'small' | 'medium' | 'large' | 'xlarge' | 'full';
	}
	export class SunBurst extends React.Component<SunBurstProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface SVGIconProps {
		a11yTitle?: string;
		colorIndex?: string;
		size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'huge';
		type?: 'control' | 'logo' | 'status';
	}
	export class SVGIcon extends React.Component<SVGIconProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TabProps {
		title: string;
		active?: boolean;
		id?: string;
		onRequestForActive?: Function;
	}
	export class Tab extends React.Component<TabProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TableProps {
		a11yTitle?: string;
		onMore?: Function;
		onSelect?: Function;
		scrollable?: boolean;
		selectable?: boolean | 'multiple';
		selected?: number | number[];
	}
	export class Table extends React.Component<TableProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TableHeaderProps {
		labels: React.ReactNode[];
		onSort?: Function;
		sortAscending?: boolean;
		sortIndex?: number;
	}
	export class TableHeader extends React.Component<TableHeaderProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TableRowProps {
		onClick?: Function;
	}
	export class TableRow extends React.Component<TableRowProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TabsProps {
		activeIndex?: number;
		justify?: 'start' | 'center' | 'end';
		responsive?: boolean;
		onActive?: Function;
	}
	export class Tabs extends React.Component<TabsProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TextInputProps {
		defaultValue?: string;
		id?: string;
		name?: string;
		onDOMChange?: Function;
		onSelect?: Function;
		placeHolder?: string;
		suggestions?: Array<string | { label?: React.ReactNode; value?: any }>;
		value?: string;
	}
	export class TextInput extends React.Component<TextInputProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TileProps extends BoxProps<Tile> {
		hoverStyle?: 'border' | 'background' | 'none';
		hoverColorIndex?: string;
		hoverBorder?: boolean;
		hoverBorderSize?: 'small' | 'medium' | 'large';
		wide?: boolean;
	}
	export class Tile extends React.Component<TileProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TilesProps extends BoxProps<Tiles> {
		fill?: boolean;
		flush?: boolean;
		onMore?: Function;
		onSelect?: Function;
		selectable?: boolean | 'multiple';
		selected?: number | number[];
	}
	export class Tiles extends React.Component<TilesProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TimestampProps {
		align?: 'start' | 'center' | 'end';
		fields?: GrommetCustomTypes.TIME_STAMP_FIELD_TYPES[] | GrommetCustomTypes.TIME_STAMP_FIELD_TYPES;
		value: string | {};
	}
	export class Timestamp extends React.Component<TimestampProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TipProps {
		colorIndex?: string;
		onClose: Function;
		target: string;
	}
	export class Tip extends React.Component<TipProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TitleProps {
		a11yTitle?: string;
		onClick?: Function;
		responsive?: boolean;
		truncate?: boolean;
	}
	export class Title extends React.Component<TitleProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface ToastProps {
		onClose?: Function;
		status?: string;
	}
	export class Toast extends React.Component<ToastProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface TopologyProps {
		a11yTitle?: string;
		links?: Array<{ colorIndex?: string; ids: string[] }>;
		linkOffset?: number;
	}
	export class Topology extends React.Component<TopologyProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface ValueProps {
		active?: boolean;
		align?: 'start' | 'center' | 'end';
		announce?: boolean;
		colorIndex?: string;
		icon?: React.ReactNode;
		label?: string | React.ReactNode;
		onClick?: Function;
		size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
		trendIcon?: React.ReactNode;
		value?: React.ReactNode | number | string;
		units?: React.ReactNode | string;
	}
	export class Value extends React.Component<ValueProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface VideoProps {
		align?: {
			bottom?: boolean;
			left?: boolean;
			right?: boolean;
			top?: boolean;
		};
		allowFullScreen?: boolean;
		autoPlay?: boolean;
		colorIndex?: string;
		fit?: 'contain' | 'cover';
		full?: boolean | 'horizontal' | 'vertical';
		loop?: boolean;
		muted?: boolean;
		poster?: string;
		shareLink?: string;
		shareHeadline?: string;
		shareText?: string;
		showControls?: boolean;
		size?: 'small' | 'medium' | 'large';
		timeline?: Array<{
			label?: string;
			time?: number;
		}>;
		title?: React.ReactNode;
	}
	export class Video extends React.Component<VideoProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}

	interface WorldMapProps {
		series?: Array<{
			continent?: 'NorthAmerica' | 'SouthAmerica' | 'Europe' | 'Africa' | 'Asia' | 'Australia';
			colorIndex?: string;
			onClick?: Function;
		}>;
	}
	export class WorldMap extends React.Component<WorldMapProps> {
		context: GrommetContextTypes.Intl;
		render(): JSX.Element;
	}
}

// Internal grommet types
declare namespace GrommetBoxTypes {
	type FixedSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
	type MarginSizes = 'small' | 'medium' | 'large' | 'none';
	type BoxSizes =
		| 'xsmall'
		| 'small'
		| 'medium'
		| 'large'
		| 'xlarge'
		| 'xxlarge'
		| 'full'
		| '1/2'
		| '1/3'
		| '2/3'
		| '1/4'
		| '3/4';
	type PadSizes = 'small' | 'medium' | 'large' | 'none';
	type Size = 'auto' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'full';
}

declare namespace GrommetContextTypes {
	interface Intl {
		intl?: {};
	}
	interface All {
		router?: any;
		history?: {};
		intl?: {};
		store?: {};
	}
}

declare namespace GrommetCustomTypes {
	type SelectValueType = { label?: string; value?: any } | string | number;
	interface SearchInputValue {
		label?: string;
		value?: string;
	}
	type VERTICAL_ALIGN_OPTIONS = 'top' | 'bottom';
	type HORIZONTAL_ALIGN_OPTIONS = 'right' | 'left';
	type FormPadding = 'none' | 'small' | 'medium' | 'large';
	type AnimationType = 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'jiggle';
	interface AnimationDetails {
		animation: AnimationType;
		duration?: number;
		delay?: number;
	}
	type TIME_STAMP_FIELD_TYPES =
		| 'date'
		| 'time'
		| 'year'
		| 'month'
		| 'day'
		| 'hour'
		| 'minute'
		| 'second'
		| 'hours'
		| 'minutes'
		| 'seconds';
}