import React from 'react';
import { Alert, Dimensions, View } from 'react-native';
import { longText } from '../../../.storybook/utils';
import { ThemeContext, TSupportedThemes } from '../../theme';
import { colors, themes } from '../../lib/constants';
import RoomHeaderComponent from './RoomHeader';
const { width, height } = Dimensions.get('window');
export default {
title: 'RoomHeader'
};
const HeaderExample = ({ title, theme = 'light' }: { title: Function; theme?: TSupportedThemes }) => (
// Using View directly instead of Header from react-navigation because it's easier to test.
{title()}
);
const RoomHeader = ({ ...props }) => (
Alert.alert('header pressed!')}
status={props.status}
usersTyping={props.usersTyping}
{...props}
/>
);
export const TitleSubtitle = () => (
<>
} />
} />
} />
} />
} />
>
);
export const Icons = () => (
<>
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
} />
>
);
export const Typing = () => (
<>
} />
} />
} />
>
);
export const Landscape = () => (
<>
} />
} />
} />
>
);
export const Thread = () => (
<>
} />
} />
>
);
const ThemeStory = ({ theme }: { theme: TSupportedThemes }) => (
} theme={theme} />
);
export const Themes = () => (
<>
>
);