/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions, react/prop-types, react/destructuring-assignment */ import React from 'react'; import { Dimensions, View } from 'react-native'; import { storiesOf } from '@storybook/react-native'; import { Provider } from 'react-redux'; import Header from '../Header'; import { longText } from '../../../storybook/utils'; import { ThemeContext } from '../../theme'; import { store } from '../../../storybook/stories'; import RoomHeaderComponent from './RoomHeader'; const stories = storiesOf('RoomHeader', module).addDecorator(story => {story()}); // TODO: refactor after react-navigation v6 const HeaderExample = ({ title }) => (
{title()}} /> ); const { width, height } = Dimensions.get('window'); const RoomHeader = ({ ...props }) => ( alert('header pressed!')} {...props} /> ); stories.add('title and subtitle', () => ( <> } /> } /> } /> } /> } /> )); stories.add('icons', () => ( <> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> } /> )); stories.add('typing', () => ( <> } /> } /> } /> )); stories.add('landscape', () => ( <> } /> } /> } /> )); stories.add('thread', () => ( <> } /> } /> )); const ThemeStory = ({ theme }) => ( } /> ); stories.add('themes', () => ( <> ));