Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
},
},
HeaderImage: {
style: {
boxSizing: 'border-box',
height: '220px',
width: '100%',
objectFit: 'cover',
},
},
}}
>
<button href="{p.path}" rel="noreferrer noopener" kind="{KIND.secondary}">
Read
</button>
{p.title}
trackEvent('show_js_source', this.props.title);
}}
>
JS
<button kind="{KIND.secondary}"> }
onClick={() => {
trackEvent('show_flow_source', this.props.title);
}}
>
Flow
</button>
<button kind="{KIND.secondary}"> }
onClick={() => {
trackEvent('show_ts_source', this.props.title);
}}
>
TS
</button>
{this.state.sourceSelected > -1 && (
{this.state.sourceSelected === 0 && (
<source>{this.state.source}
)}
content={({close}) => (
{categories.children.map((category, index) => (
))}
)}
>
<button kind="{KIND.secondary}"> }
$style={{height: '40px'}}
>
Components
</button>
);
Button: props => {
return (
<button kind="{ButtonKind.secondary}" size="{ButtonSize.compact}">
{props.children}
</button>
);
},
Indent: props => {
children={() => (
<button size="{SIZE.compact}" kind="{KIND.secondary}">
CodeSandbox
</button>
)}
/>