import*as e from"react";import a from"styled-components";import{ChevronDownIcon as c}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{ChevronUpIcon as s}from"@redocly/theme/icons/ChevronUpIcon/ChevronUpIcon";import{useTranslate as m}from"../../../../../client/app/hooks";import{ShadowButton as p}from"./ShadowButton";function v(i){const{visible:t,onClick:n}=i,{translate:o}=m(),r=t?o("dev.app.overview.visibilityToggle.hide","Hide"):o("dev.app.overview.visibilityToggle.show","Show"),l=t?e.createElement(s,null):e.createElement(c,null);return e.createElement(p,{onClick:n},e.createElement(d,null,r,l))}const d=a.div`
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 60px;
`;export{v as default};
