42 lines
799 B
TypeScript
42 lines
799 B
TypeScript
|
import React from 'react';
|
||
|
|
|
||
|
|
import Button from '.';
|
||
|
|
|
||
|
|
const buttonProps = {
|
||
|
|
title: 'Press me!',
|
||
|
|
type: 'primary',
|
||
|
|
onPress: () => {},
|
||
|
|
testID: 'testButton'
|
||
|
|
};
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: 'Button'
|
||
|
|
};
|
||
|
|
|
||
|
|
export const PrimaryButton = () => <Button {...buttonProps} />;
|
||
|
|
|
||
|
|
export const SecondaryButton = () => <Button {...buttonProps} type='secondary' />;
|
||
|
|
|
||
|
|
export const LoadingButton = () => <Button loading {...buttonProps} />;
|
||
|
|
|
||
|
|
export const DisabledButton = () => <Button disabled {...buttonProps} />;
|
||
|
|
|
||
|
|
export const DisabledLoadingButton = () => <Button disabled loading {...buttonProps} />;
|
||
|
|
|
||
|
|
export const CustomButton = () => (
|
||
|
|
<Button
|
||
|
|
{...buttonProps}
|
||
|
|
fontSize={18}
|
||
|
|
backgroundColor='purple'
|
||
|
|
color='yellow'
|
||
|
|
style={{
|
||
|
|
padding: 10
|
||
|
|
}}
|
||
|
|
styleText={[
|
||
|
|
{
|
||
|
|
textAlign: 'left'
|
||
|
|
}
|
||
|
|
]}
|
||
|
|
/>
|
||
|
|
);
|