import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { memo } from 'react';
import { SecuritySchemeItem } from './SecuritySchemeItem.js';
import { StyledLink } from './styled.js';
import { useTranslate } from '../../hooks/index.js';
function OAuthFlowComponent({ flow }) {
    const translate = useTranslate();
    return (_jsxs(_Fragment, { children: [_jsx(SecuritySchemeItem, { label: `${translate('openapi.authorizationUrl', 'Authorization URL')}:`, value: flow?.['authorizationUrl'] && (_jsx(StyledLink, { target: "_blank", rel: "noopener noreferrer", href: flow?.['authorizationUrl'], children: flow?.['authorizationUrl'] })) }), _jsx(SecuritySchemeItem, { label: `${translate('openapi.tokenUrl', 'Token URL')}:`, value: flow?.['tokenUrl'] }), _jsx(SecuritySchemeItem, { label: `${translate('openapi.refreshUrl', 'Refresh URL')}:`, value: flow?.refreshUrl })] }));
}
export const OAuthFlow = memo(OAuthFlowComponent);
//# sourceMappingURL=OAuthFlow.js.map