/* 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 { colors } from '../../lib/constants';
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', () => (
<>
));