import { IMaskedTextFieldProps } from '@fluentui/react'; import { calloutState, LabelWithCalloutProps } from '../LabelWithCallout'; import { ReactNode } from 'react'; export interface TextFieldProps extends IMaskedTextFieldProps { /** Benyttes når teksten for et readOnly tekstfelt skal fremheves */ boldText?: boolean; /** Bestemmer om hjelptekst/varseltekst skal legge seg mellom label og tekstfelt eller flytende over innhold */ calloutFloating?: boolean; /** Bestemmer om ett readOnly felt skal være alltid redigerbart om det er tomt */ editableWhenEmpty?: boolean; /** Benyttes når et readOnly felt skal være redigertbart */ editable?: boolean; /** Tilhørende hjelpetekst */ help?: JSX.Element | string; id?: string; /** Størrelse på tekstfelt som skal benyttes */ inputSize?: 'normal' | 'large'; /** Om feltet er obligatorisk */ required?: boolean; /** Setter inputmode (html 5) på tekstefeltet */ inputMode?: IMaskedTextFieldProps['inputMode']; /** aria-label for knapp i label */ labelButtonAriaLabel?: string; /** Størrelse på label */ labelSize?: 'small' | 'large'; /** Overstyr label, se LabelWithCallout komponent */ labelWithCalloutProps?: LabelWithCalloutProps; /** Tekst inni feltet som vises før man skriver */ placeholder?: string; /** Om feltet er obligatorisk og skal markeres med stjerne (*) */ requiredWithMark?: boolean; /** Tilhørende varseltekst */ warning?: JSX.Element | string; /** Antall rader som skal vises i feltet når multiline er satt */ rows?: number; /** @ignore */ borderless?: IMaskedTextFieldProps['borderless']; /** @ignore */ underlined?: IMaskedTextFieldProps['underlined']; /** @ignore */ editMode?: boolean; /** Brukerspesifisert event for callout **/ onCalloutToggle?: (oldCalloutState: calloutState, newCalloutState: calloutState) => void; children?: ReactNode; }