32 lines
813 B
TypeScript
32 lines
813 B
TypeScript
// Copyright 2021 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import React, { forwardRef } from 'react';
|
|
|
|
import { Input } from './Input';
|
|
import { LocalizerType } from '../types/Util';
|
|
|
|
type PropsType = {
|
|
disabled?: boolean;
|
|
i18n: LocalizerType;
|
|
onChangeValue: (value: string) => void;
|
|
value: string;
|
|
};
|
|
|
|
export const GroupDescriptionInput = forwardRef<HTMLInputElement, PropsType>(
|
|
({ i18n, disabled = false, onChangeValue, value }, ref) => {
|
|
return (
|
|
<Input
|
|
disabled={disabled}
|
|
expandable
|
|
i18n={i18n}
|
|
onChange={onChangeValue}
|
|
placeholder={i18n('setGroupMetadata__group-description-placeholder')}
|
|
maxGraphemeCount={256}
|
|
ref={ref}
|
|
value={value}
|
|
whenToShowRemainingCount={150}
|
|
/>
|
|
);
|
|
}
|
|
);
|