All files / doc/assets Text.stories-mnufjnUV.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import{R as d}from"./iframe-Bn_dKj27.js";import{P as n}from"./index-CtfpA6-5.js";s.propTypes={className:n.string,children:n.node,content:n.string,tagName:n.string};function s({className:t,children:e="I am a Text Component! Give me content.",content:u="",tagName:x="span",...y}){const f=u||e,T=x;return d.createElement(T,{className:t,"data-ui":"text",...y},f)}s.__docgenInfo={description:"",methods:[],displayName:"Text",props:{children:{defaultValue:{value:"'I am a Text Component! Give me content.'",computed:!1},description:"could be string.",type:{name:"node"},required:!1},content:{defaultValue:{value:"''",computed:!1},description:"expects string values, should look into html content...",type:{name:"string"},required:!1},tagName:{defaultValue:{value:"'span'",computed:!1},description:"expecting string representation of tag names",type:{name:"string"},required:!1},className:{description:"font-tiny5|font-shantell-sans|font-urbanist",type:{name:"string"},required:!1}}};const{expect:g}=__STORYBOOK_MODULE_TEST__,h={component:s,tags:["autodocs"],argTypes:{className:{control:"radio",description:"optional font styling",options:["font-tiny5","font-shantell-sans","font-urbanist"]},children:{control:"radio",type:"function",description:"examples of children",options:["None","Element","String"],mapping:{None:void 0,Element:d.createElement("h1",null,"heading one"),String:"AWESOME STRING"}},content:{control:"text"},tagName:{control:"radio",options:["span","div","marquee"]}}},a={args:{className:"font-tiny5",children:"String",content:void 0,tagName:"span"},play:async({canvas:t})=>{const e=await t.getByText(/awesome string/i);g(e).not.toBeEmptyDOMElement()}},o={args:{className:"font-tiny5",children:"None",content:"Text Content in props",tagName:"span"},play:async({canvas:t})=>{const e=await t.getByText(/Text Content in props/i);g(e).not.toBeEmptyDOMElement()}};var r,i,c;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`{
  args: {
    className: 'font-tiny5',
    children: 'String',
    content: undefined,
    tagName: 'span'
  },
  play: async ({
    canvas
  }) => {
    const text = await canvas.getByText(/awesome string/i);
    expect(text).not.toBeEmptyDOMElement();
  }
}`,...(c=(i=a.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};var p,l,m;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
  args: {
    className: 'font-tiny5',
    children: 'None',
    content: 'Text Content in props',
    tagName: 'span'
  },
  play: async ({
    canvas
  }) => {
    const text = await canvas.getByText(/Text Content in props/i);
    expect(text).not.toBeEmptyDOMElement();
  }
}`,...(m=(l=o.parameters)==null?void 0:l.docs)==null?void 0:m.source}}};const v=["TextFonts","TextContent"];export{o as TextContent,a as TextFonts,v as __namedExportsOrder,h as default};