import { StyledButton } from '@synerise/ds-button';
export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
export declare const Actions: import('styled-components').StyledComponent<"div", any, {}, never>;
export declare const Range: StyledButton;
export declare const ActionsPlaceholder: import('styled-components').StyledComponent<"div", any, {}, never>;
export declare const ChosenRange: import('styled-components').StyledComponent<"div", any, {}, never>;
/**
 * This is mainly for unit-tests capabilitiess and WCAG compliancy, it is visible
 * can be used for em-dashes (APA style) which will be recognized by screen-readers
 * or in tests in `textContent` JS DOM property.
 *
 * Example usage:
 *
 *     <S.InvisibleTextContent>{' – '}</S.InvisibleTextContent>
 *     <Icon component={<ArrowRightS/>}/>
 */
export declare const InvisibleTextContent: import('styled-components').StyledComponent<"span", any, {}, never>;