declarations.d.ts

// declarations.d.ts

// declare module '*.svg' {
// 	import React from 'react'
// 	import { SvgProps } from 'react-native-svg'
// 	const content: React.FC<SvgProps>
// 	export default content
// }
import React from 'react'
import { ViewStyle, StyleProp, TextStyle } from 'react-native'

declare module '*.png' {
	const value: any
	export = value
}

declare module 'react-native-form-select-picker' {
	export interface ItemProps {
		label: string
		value: any
	}

	export class SelectPickerItem extends React.Component<ItemProps> {}

	export interface PickerProps {
		/**
		 * Callback for when an item is selected
		 */
		onValueChange: (value: any, index: number) => void

		/**
		 * selected property to set the default selected value
		 */
		selected: any

		/**
		 * dismissable property to set the modal as dismissable or not.
		 */
		dismissable?: boolean

		/**
		 * disabled property to set whole element as selectable or not.
		 */
		disabled?: boolean

		/**
		 * placeholder property to show when nothing has been selected.
		 */
		placeholder?: string

		/**
		 *  style sheet to use when an option is selected.
		 */
		onSelectedStyle?: StyleProp<ViewStyle>

		/**
		 *  style sheet to use when placeholder is still selected.
		 */
		placeholderStyle?: StyleProp<TextStyle>

		/**
		 *  style sheet to use for the wrapping view
		 */
		style?: StyleProp<ViewStyle>

		/**
		 * container style sheet for the modal container holding the option values
		 */
		containerStyle?: StyleProp<ViewStyle>

		/**
		 * Done button text (located at the header section)
		 */
		doneButtonText?: string

		/**
		 * Done button styling. (Text component styling)
		 */
		doneButtonTextStyle?: StyleProp<TextStyle>
	}

	export default class SelectPicker extends React.Component<PickerProps> {
		/**
		 * The static class Item.
		 * used as: <SelectPicker.Item />
		 */
		static Item: typeof SelectPickerItem
	}
}

declare module 'react-native-remote-svg'