import { FC } from 'react';
import { ComponentRegistry } from 'mystique/registry/ComponentRegistry';

export interface CollapsibleTextProps {
  /** The string to display */
  text: string;
  /** The number of characters to display when collapsed */
  charCutoff: number;
  /** The data context */
  data?: any;
}

const FcCollapsibleText = ComponentRegistry.get(
  'fc.mystique.collapsible.text',
) as FC<CollapsibleTextProps>;

export default FcCollapsibleText;
