Footer.js 4.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. import React from 'react';
  2. import { AlgoliaLogo } from './AlgoliaLogo';
  3. function CommandIcon(props) {
  4. return /*#__PURE__*/React.createElement("svg", {
  5. width: "15",
  6. height: "15",
  7. "aria-label": props.ariaLabel,
  8. role: "img"
  9. }, /*#__PURE__*/React.createElement("g", {
  10. fill: "none",
  11. stroke: "currentColor",
  12. strokeLinecap: "round",
  13. strokeLinejoin: "round",
  14. strokeWidth: "1.2"
  15. }, props.children));
  16. }
  17. export function Footer(_ref) {
  18. var _ref$translations = _ref.translations,
  19. translations = _ref$translations === void 0 ? {} : _ref$translations;
  20. var _translations$selectT = translations.selectText,
  21. selectText = _translations$selectT === void 0 ? 'to select' : _translations$selectT,
  22. _translations$selectK = translations.selectKeyAriaLabel,
  23. selectKeyAriaLabel = _translations$selectK === void 0 ? 'Enter key' : _translations$selectK,
  24. _translations$navigat = translations.navigateText,
  25. navigateText = _translations$navigat === void 0 ? 'to navigate' : _translations$navigat,
  26. _translations$navigat2 = translations.navigateUpKeyAriaLabel,
  27. navigateUpKeyAriaLabel = _translations$navigat2 === void 0 ? 'Arrow up' : _translations$navigat2,
  28. _translations$navigat3 = translations.navigateDownKeyAriaLabel,
  29. navigateDownKeyAriaLabel = _translations$navigat3 === void 0 ? 'Arrow down' : _translations$navigat3,
  30. _translations$closeTe = translations.closeText,
  31. closeText = _translations$closeTe === void 0 ? 'to close' : _translations$closeTe,
  32. _translations$closeKe = translations.closeKeyAriaLabel,
  33. closeKeyAriaLabel = _translations$closeKe === void 0 ? 'Escape key' : _translations$closeKe,
  34. _translations$searchB = translations.searchByText,
  35. searchByText = _translations$searchB === void 0 ? 'Search by' : _translations$searchB;
  36. return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
  37. className: "DocSearch-Logo"
  38. }, /*#__PURE__*/React.createElement(AlgoliaLogo, {
  39. translations: {
  40. searchByText: searchByText
  41. }
  42. })), /*#__PURE__*/React.createElement("ul", {
  43. className: "DocSearch-Commands"
  44. }, /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("span", {
  45. className: "DocSearch-Commands-Key"
  46. }, /*#__PURE__*/React.createElement(CommandIcon, {
  47. ariaLabel: selectKeyAriaLabel
  48. }, /*#__PURE__*/React.createElement("path", {
  49. d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3"
  50. }))), /*#__PURE__*/React.createElement("span", {
  51. className: "DocSearch-Label"
  52. }, selectText)), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("span", {
  53. className: "DocSearch-Commands-Key"
  54. }, /*#__PURE__*/React.createElement(CommandIcon, {
  55. ariaLabel: navigateDownKeyAriaLabel
  56. }, /*#__PURE__*/React.createElement("path", {
  57. d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3"
  58. }))), /*#__PURE__*/React.createElement("span", {
  59. className: "DocSearch-Commands-Key"
  60. }, /*#__PURE__*/React.createElement(CommandIcon, {
  61. ariaLabel: navigateUpKeyAriaLabel
  62. }, /*#__PURE__*/React.createElement("path", {
  63. d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3"
  64. }))), /*#__PURE__*/React.createElement("span", {
  65. className: "DocSearch-Label"
  66. }, navigateText)), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement("span", {
  67. className: "DocSearch-Commands-Key"
  68. }, /*#__PURE__*/React.createElement(CommandIcon, {
  69. ariaLabel: closeKeyAriaLabel
  70. }, /*#__PURE__*/React.createElement("path", {
  71. d: "M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956"
  72. }))), /*#__PURE__*/React.createElement("span", {
  73. className: "DocSearch-Label"
  74. }, closeText))));
  75. }