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 = () => ( <> );