import { jsx as o } from "react/jsx-runtime";
import { classNames as n } from "./index-classNames.js";
import { ComponentContainer as m } from "./index-ComponentContainer.js";
import { IconNames as s } from "./index-IconNames.js";
import { CtaWithIcon as c } from "./index-CtaWithIcon.js";
import { TableProvider as l } from "./index-Table.js";
import { Text as p, FontWeights as a } from "./index-Text.js";
import { useContext as f } from "react";
import h from "./index-FooterShowLess.module.scss.js";
const b = (t) => {
  const {
    isHidden: e
  } = t, i = f(l), {
    onShowLess: r
  } = i;
  return e ? null : o(m, {
    children: o(c, {
      onClick: (d) => {
        r && r();
      },
      className: n(h.linkColor),
      icon: s.caretUp,
      position: "right",
      children: o(p, {
        fontWeight: a.medium,
        color: "var(--brand-color)",
        children: "Show less"
      })
    })
  });
};
export {
  b as FooterShowLess
};
