var p=Object.defineProperty,y=Object.defineProperties;var d=Object.getOwnPropertyDescriptors;var t=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;var c=(e,r,a)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a,l=(e,r)=>{for(var a in r||(r={}))g.call(r,a)&&c(e,a,r[a]);if(t)for(var a of t(r))n.call(r,a)&&c(e,a,r[a]);return e},i=(e,r)=>y(e,d(r));var T=(e,r)=>{var a={};for(var o in e)g.call(e,o)&&r.indexOf(o)<0&&(a[o]=e[o]);if(e!=null&&t)for(var o of t(e))r.indexOf(o)<0&&n.call(e,o)&&(a[o]=e[o]);return a};const makeShortcode=e=>function(a){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),mdx("div",l({},a))},PropsTable=makeShortcode("PropsTable"),layoutProps={},MDXLayout="wrapper";function MDXContent(a){var o=a,{components:e}=o,r=T(o,["components"]);return mdx(MDXLayout,i(l(l({},layoutProps),r),{components:e,mdxType:"MDXLayout"}),mdx("pre",null,mdx("code",l({parentName:"pre"},{className:"language-tsx"}),`import { Tag } from '@ensdomains/thorin' `)),mdx("pre",null,mdx("code",l({parentName:"pre"},{className:"language-tsx",metastring:"live=true expand=true",live:"true",expand:"true"}),`100 $WRITE `)),mdx("h2",null,"Props"),mdx(PropsTable,{sourceLink,types,mdxType:"PropsTable"}),mdx("h2",null,"Sizes"),mdx("pre",null,mdx("code",l({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` Medium Small `)),mdx("h2",null,"Color Style"),mdx("h3",null,"Secondary"),mdx("pre",null,mdx("code",l({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` Blue Indigo Purple Pink Red Orange Yellow Green Teal Grey Background `)),mdx("h3",null,"Primary"),mdx("pre",null,mdx("code",l({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` Blue Indigo Purple Pink Red Orange Yellow Green Teal Grey `)),mdx("pre",null,mdx("code",l({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` Blue Purple Red Green Grey `)),mdx("h2",null,"Hover"),mdx("pre",null,mdx("code",l({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),`Hover Me `)))}MDXContent.isMDXComponent=!0;

Props#

Sizes#

Color Style#

Secondary

Primary

Hover#

Props
#

Sizes
#

Color Style
#

Hover
#