carbon-components-svelte/src/components/CodeSnippet/CodeSnippet.Skeleton.svelte
2019-12-15 11:20:52 -08:00

32 lines
652 B
Svelte

<script>
let className = undefined;
export { className as class };
export let type = 'single';
export let props = {};
import { cx } from '../../lib';
const _class = cx(
'--snippet',
'--skeleton',
type === 'single' && '--snippet--single',
type === 'multi' && '--snippet--multi',
className
);
</script>
{#if type === 'single'}
<div {...props} class={_class}>
<div class={cx('--snippet-container')}>
<span />
</div>
</div>
{:else if type === 'multi'}
<div {...props} class={_class}>
<div class={cx('--snippet-container')}>
<span />
<span />
<span />
</div>
</div>
{/if}