// Copyright 2021 Signal Messenger, LLC // SPDX-License-Identifier: AGPL-3.0-only import React from 'react'; import { action } from '@storybook/addon-actions'; import { text } from '@storybook/addon-knobs'; import { storiesOf } from '@storybook/react'; import type { Props } from './MessageBodyReadMore'; import { MessageBodyReadMore } from './MessageBodyReadMore'; import { setupI18n } from '../../util/setupI18n'; import enMessages from '../../../_locales/en/messages.json'; const i18n = setupI18n('en', enMessages); const story = storiesOf('Components/Conversation/MessageBodyReadMore', module); const createProps = (overrideProps: Partial = {}): Props => ({ bodyRanges: overrideProps.bodyRanges, direction: 'incoming', i18n, onHeightChange: action('onHeightChange'), text: text('text', overrideProps.text || ''), }); story.add('Lots of cake with a cherry on top', () => ( )); story.add('Cherry overflow', () => ( )); story.add('Excessive amounts of cake', () => ( )); story.add('Long text', () => ( ));