import*as i from"react";import s from"styled-components";import{useTranslate as p}from"../../../../../client/app/hooks";import{getReadableDate as n}from"./AppOverview";import l from"./OverviewRow";function m(e){const{expiresAt:r,expiresSoon:o}=e,{translate:t}=p(),a=Number(r)>0?n(r):"Never";return i.createElement(c,{"data-translation-key":"dev.app.overview.expires",title:t("dev.app.overview.expires","Expires"),content:a,expiresSoon:o})}const c=s(l)`
  ${({expiresSoon:e})=>e&&`
    & > div:last-child { color: var(--color-error-base); }
  `}
`;export{m as default};
