var Component=(()=>{var p=Object.create;var c=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var F=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),C=(n,e)=>{for(var s in e)c(n,s,{get:e[s],enumerable:!0})},a=(n,e,s,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of E(e))!m.call(n,r)&&r!==s&&c(n,r,{get:()=>e[r],enumerable:!(o=h(e,r))||o.enumerable});return n};var u=(n,e,s)=>(s=n!=null?p(y(n)):{},a(e||!n||!n.__esModule?c(s,"default",{value:n,enumerable:!0}):s,n)),N=n=>a(c({},"__esModule",{value:!0}),n);var i=F((T,t)=>{t.exports=_jsx_runtime});var x={};C(x,{default:()=>B,frontmatter:()=>g});var l=u(i()),g={title:"Relative Time Card",description:"Popover to show a given date in local time.",peek:"pagination-default"};function d(n){let e=Object.assign({div:"div",h2:"h2",pre:"pre",code:"code",span:"span"},n.components),{Preview:s}=e;return s||f("Preview",!0),(0,l.jsxs)(e.div,{className:"component-preview",children:[(0,l.jsx)(e.h2,{children:"Default"}),` `,(0,l.jsx)(s,{name:"relative-time-card",children:(0,l.jsxs)(e.div,{"data-rehype-pretty-code-fragment":"",children:[(0,l.jsx)(e.pre,{"data-language":"tsx","data-theme":"light",children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"light",children:[(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" { Button, RelativeTimeCard } "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:"'geist/components'"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:";"})]}),` `,(0,l.jsx)(e.span,{className:"line",children:" "}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"Component"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"()"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:":"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"JSX"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"Element"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"const"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"date"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"new"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"Date"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"();"})]}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" ("})]}),` `,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" <>"})}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"RelativeTimeCard"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"date"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"{date."}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"getTime"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"()} "}),(0,l.jsx)(e.span,{style:{color:"#6F42C1"},children:"side"}),(0,l.jsx)(e.span,{style:{color:"#D73A49"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#032F62"},children:'"top"'}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:">"})]}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#005CC5"},children:"Button"}),(0,l.jsx)(e.span,{style:{color:"#24292E"},children:">Hover Me"})]}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "})]}),` `,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" "})}),` `,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:" );"})}),` `,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#24292E"},children:"}"})})]})}),(0,l.jsx)(e.pre,{"data-language":"tsx","data-theme":"dark",__rawString__:`import { Button, RelativeTimeCard } from 'geist/components'; export function Component(): JSX.Element { const date = new Date(); return ( <> ); } `,children:(0,l.jsxs)(e.code,{"data-language":"tsx","data-theme":"dark",children:[(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"import"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" { Button, RelativeTimeCard } "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"from"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:"'geist/components'"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:";"})]}),` `,(0,l.jsx)(e.span,{className:"line",children:" "}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"export"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"function"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Component"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"()"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:":"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"JSX"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"."}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Element"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" {"})]}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"const"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"date"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"new"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"Date"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"();"})]}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"return"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" ("})]}),` `,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" <>"})}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"RelativeTimeCard"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"date"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"{date."}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"getTime"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"()} "}),(0,l.jsx)(e.span,{style:{color:"#B392F0"},children:"side"}),(0,l.jsx)(e.span,{style:{color:"#F97583"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#9ECBFF"},children:'"top"'}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:">"})]}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" <"}),(0,l.jsx)(e.span,{style:{color:"#79B8FF"},children:"Button"}),(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:">Hover Me"})]}),` `,(0,l.jsxs)(e.span,{className:"line",children:[(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "})]}),` `,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" "})}),` `,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:" );"})}),` `,(0,l.jsx)(e.span,{className:"line",children:(0,l.jsx)(e.span,{style:{color:"#E1E4E8"},children:"}"})})]})})]})})]})}function v(n={}){let{wrapper:e}=n.components||{};return e?(0,l.jsx)(e,Object.assign({},n,{children:(0,l.jsx)(d,n)})):d(n)}var B=v;function f(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return N(x);})(); ;return Component;