// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import React from 'react';
import enMessages from '../../_locales/en/messages.json';
import { setupI18n } from '../util/setupI18n';
import { TextAttachment } from './TextAttachment';
import type { PropsType } from './TextAttachment';
const i18n = setupI18n('en', enMessages);
const getDefaultProps = (): PropsType => ({
i18n,
textAttachment: {},
});
export default {
title: 'Components/TextAttachment',
};
export function SolidBgTextBg(): JSX.Element {
return (
);
}
SolidBgTextBg.story = {
name: 'Solid bg + text bg',
};
export function Gradient(): JSX.Element {
return (
);
}
export function TextWithLineBreaksCondensedFont(): JSX.Element {
return (
);
}
TextWithLineBreaksCondensedFont.story = {
name: 'Text with line breaks (condensed font)',
};
export function TextWithLineBreaksAutowrapSerifFont(): JSX.Element {
return (
);
}
TextWithLineBreaksAutowrapSerifFont.story = {
name: 'Text with line breaks + Autowrap (serif font)',
};
export function AutowrapText(): JSX.Element {
return (
);
}
AutowrapText.story = {
name: 'Autowrap text',
};
export function RomeoJuliet(): JSX.Element {
return (
);
}
RomeoJuliet.story = {
name: 'Romeo & Juliet',
};
export function OverflowNewlineNumbers(): JSX.Element {
return (
);
}
OverflowNewlineNumbers.story = {
name: 'Overflow newline numbers',
};
export function CharacterWrapBold(): JSX.Element {
return (
);
}
CharacterWrapBold.story = {
name: 'Character wrap (bold)',
};
export function MixOfNewlinesOverflowAutowrap(): JSX.Element {
return (
);
}
MixOfNewlinesOverflowAutowrap.story = {
name: 'Mix of newlines, overflow, autowrap',
};
export function LinkPreview(): JSX.Element {
return (
> Careers',
},
}}
/>
);
}
LinkPreview.story = {
name: 'Link preview',
};
export function LinkPreviewThumbnail(): JSX.Element {
return (
> Careers',
},
}}
/>
);
}
LinkPreviewThumbnail.story = {
name: 'Link preview (thumbnail)',
};
export function LinkPreviewLongTitle(): JSX.Element {
return (
);
}
LinkPreviewLongTitle.story = {
name: 'Link preview (long title)',
};
export function LinkPreviewJustUrl(): JSX.Element {
return (
);
}
LinkPreviewJustUrl.story = {
name: 'Link preview (just url)',
};
export function LinkPreviewJustUrlText(): JSX.Element {
return (
);
}
LinkPreviewJustUrlText.story = {
name: 'Link preview (just url + text)',
};
export function LinkPreviewReallyLongDomain(): JSX.Element {
return (
);
}
LinkPreviewReallyLongDomain.story = {
name: 'Link preview (really long domain)',
};
export function LinkPreviewWRJ(): JSX.Element {
return (
);
}
LinkPreviewWRJ.story = {
name: 'Link Preview w/ R&J',
};
export function TextBackgroundAndLinkPreview(): JSX.Element {
return (
);
}