var Component=(()=>{var h=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var x=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),B=(n,e)=>{for(var t in e)a(n,t,{get:e[t],enumerable:!0})},i=(n,e,t,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of u(e))!f.call(n,r)&&r!==t&&a(n,r,{get:()=>e[r],enumerable:!(c=m(e,r))||c.enumerable});return n};var j=(n,e,t)=>(t=n!=null?h(g(n)):{},i(e||!n||!n.__esModule?a(t,"default",{value:n,enumerable:!0}):t,n)),S=n=>i(a({},"__esModule",{value:!0}),n);var l=x((_,s)=>{s.exports=_jsx_runtime});var y={};B(y,{default:()=>p,frontmatter:()=>b});var o=j(l()),b={id:"beacon",title:"Beacon",package:"@saas-ui-pro/react",description:"A pulsating beacon that attracts attention"};function d(n){let e={code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...n.components},{ComponentLinks:t}=e;return t||k("ComponentLinks",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(e.p,{children:"Beacons allows you to direct an users attention to parts of your application. For example to indicate there's a new update available."}),` `,(0,o.jsx)(t,{pro:{gumroad:!0}}),` `,(0,o.jsx)(e.h2,{id:"import",children:"Import"}),` `,(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-js",children:`import { Beacon } from '@saas-ui-pro/react' `})}),` `,(0,o.jsx)(e.h2,{id:"usage",children:"Usage"}),` `,(0,o.jsx)(e.h3,{id:"basic",children:"Basic"}),` `,(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-jsx",children:` `})}),` `,(0,o.jsx)(e.h3,{id:"color-scheme",children:"Color scheme"}),` `,(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-jsx",children:` `})}),` `,(0,o.jsx)(e.h3,{id:"sizes",children:"Sizes"}),` `,(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-jsx",children:`import { Stack } from '@chakra-ui/react' export default function Sizes() { return ( ) } `})}),` `,(0,o.jsx)(e.h3,{id:"with-button",children:"With Button"}),` `,(0,o.jsx)(e.pre,{children:(0,o.jsx)(e.code,{className:"language-jsx",children:`import { Button } from '@chakra-ui/react' import { Beacon } from '@saas-ui-pro/react' export default function WithButton() { return ( ) } `})})]})}function p(n={}){let{wrapper:e}=n.components||{};return e?(0,o.jsx)(e,{...n,children:(0,o.jsx)(d,{...n})}):d(n)}function k(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return S(y);})(); ;return Component;