forked from cerc-io/snowballtools-base
9b6c777f5f
* ⚡️ feat: create segmented controls component * 📝 docs: add segmented controls component to example page * ♻️ refactor: put the icon size to icon theme * 🐛 fix: remove `value` from `useCallback` dependency
45 lines
860 B
TypeScript
45 lines
860 B
TypeScript
import React from 'react';
|
|
import { Badge } from 'components/shared/Badge';
|
|
import { SegmentedControlsOption } from 'components/shared/SegmentedControls';
|
|
|
|
export const SEGMENTED_CONTROLS_OPTIONS: SegmentedControlsOption[] = [
|
|
{ label: 'Test 1', value: 'Test 1' },
|
|
{
|
|
label: 'Test 2',
|
|
value: 'Test 2',
|
|
leftIcon: (
|
|
<Badge size="xs" variant="tertiary">
|
|
1
|
|
</Badge>
|
|
),
|
|
},
|
|
{
|
|
label: 'Test 3',
|
|
value: 'Test 3',
|
|
rightIcon: (
|
|
<Badge size="xs" variant="tertiary">
|
|
1
|
|
</Badge>
|
|
),
|
|
},
|
|
{
|
|
label: 'Test 4',
|
|
value: 'Test 4',
|
|
leftIcon: (
|
|
<Badge size="xs" variant="tertiary">
|
|
1
|
|
</Badge>
|
|
),
|
|
rightIcon: (
|
|
<Badge size="xs" variant="tertiary">
|
|
1
|
|
</Badge>
|
|
),
|
|
},
|
|
{
|
|
label: 'Test 5',
|
|
value: 'Test 5',
|
|
disabled: true,
|
|
},
|
|
];
|