import * as React from "react";
import { TouchableHighlightProps, StyleProp, ViewStyle } from "react-native";
import Icon from "./Icon";
import theme from "../styles/DefaultTheme";
/**
* A floating action button represents the primary action in an application.
*
*
*

*

*
*
* ## Usage
* ```js
* import * as React from 'react';
* import { StyleSheet } from 'react-native';
* import { FAB } from '@draftbit/ui';
*
* const MyComponent = () => (
* console.log('Pressed')}
* />
* );
*
* const styles = StyleSheet.create({
* fab: {
* position: 'absolute',
* margin: 16,
* right: 0,
* bottom: 0,
* },
* })
*
* export default MyComponent;
* ```
*/
declare type Props = {
disabled?: boolean;
type?: "solid" | "extended" | "outline" | "fixed" | "standard";
loading?: boolean;
icon?: string;
color?: string;
label?: string;
onPress: () => void;
elevation?: number;
theme: typeof theme;
IconOverride: typeof Icon;
style?: StyleProp;
} & TouchableHighlightProps;
declare const _default: React.ComponentType & {
theme?: import("@draftbit/react-theme-provider").$DeepPartial | undefined;
}> & import("@draftbit/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics & React.FC, {}>;
export default _default;
export declare const SEED_DATA: ({
name: string;
tag: string;
category: string;
description: string;
preview_image_url: string;
props: {
type: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: string;
};
label: {
group: string;
label: string;
description: string;
required: boolean;
editable: boolean;
formType: string;
propType: string;
defaultValue: null;
};
icon: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
color: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
onPress: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
};
layout: {};
} | {
name: string;
tag: string;
category: string;
preview_image_url: string;
props: {
type: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
propType: string;
formType: string;
defaultValue: string;
};
label: {
group: string;
label: string;
description: string;
required: boolean;
editable: boolean;
formType: string;
propType: string;
defaultValue: null;
};
icon: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
color: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
onPress: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
};
layout: {};
description?: undefined;
} | {
name: string;
tag: string;
category: string;
preview_image_url: string;
props: {
type: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: string;
};
icon: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
label: {
group: string;
label: string;
description: string;
required: boolean;
editable: boolean;
formType: string;
propType: string;
defaultValue: string;
};
color: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
onPress: {
group: string;
label: string;
description: string;
editable: boolean;
required: boolean;
formType: string;
propType: string;
defaultValue: null;
};
};
layout: {};
description?: undefined;
})[];