@amsterdam/design-system-react/dist/src/ProgressList/AccessibleStatusText.js

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

import { jsxs as _jsxs } from "react/jsx-runtime";
/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import { useContext } from 'react';
import { ProgressListContext } from './ProgressListContext';
export const AccessibleStatusText = ({ status }) => {
    const { completedAccessibleText, currentAccessibleText } = useContext(ProgressListContext);
    if (!status)
        return null;
    return (_jsxs("span", { className: "ams-visually-hidden", children: [status === 'completed' && completedAccessibleText && `${completedAccessibleText}: `, status === 'current' && currentAccessibleText && `${currentAccessibleText}: `] }));
};