33 lines
773 B
TypeScript
33 lines
773 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
import * as List from '../../containers/List';
|
||
|
|
import { themes } from '../../lib/constants';
|
||
|
|
import { CustomIcon, TIconsName } from '../../containers/CustomIcon';
|
||
|
|
import { useTheme } from '../../theme';
|
||
|
|
|
||
|
|
interface IButton {
|
||
|
|
onPress: () => void;
|
||
|
|
testID: string;
|
||
|
|
title: string;
|
||
|
|
icon: TIconsName;
|
||
|
|
}
|
||
|
|
|
||
|
|
const ButtonCreate = ({ onPress, testID, title, icon }: IButton) => {
|
||
|
|
const { theme } = useTheme();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<List.Item
|
||
|
|
onPress={onPress}
|
||
|
|
testID={testID}
|
||
|
|
left={() => <CustomIcon name={icon} size={24} color={themes[theme].bodyText} />}
|
||
|
|
right={() => <CustomIcon name={'chevron-right'} size={24} color={themes[theme].bodyText} />}
|
||
|
|
title={title}
|
||
|
|
/>
|
||
|
|
<List.Separator />
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ButtonCreate;
|