addons/docs/src/blocks/Subtitle.tsx
import React, { useContext, FunctionComponent } from 'react';
import { Subtitle as PureSubtitle } from '@storybook/components';
import { DocsContext } from './DocsContext';
interface SubtitleProps {
children?: JSX.Element | string;
}
export const Subtitle: FunctionComponent<SubtitleProps> = ({ children }) => {
const { id, storyById } = useContext(DocsContext);
const { parameters } = storyById(id);
let text: JSX.Element | string = children;
if (!text) {
text = parameters?.componentSubtitle;
}
return text ? <PureSubtitle className="sbdocs-subtitle">{text}</PureSubtitle> : null;
};