import { Bucket , BucketSegment } from '@/services/data/tuples/bucket-types' ; import React , { ReactNode } from 'react' ; import { SortType } from '../bucket-event-bus-types' ; import { SegmentsButton } from './segments-button' ; import { SegmentsTable } from './segments-table' ; export const Segments = < B extends Bucket , S extends BucketSegment > ( props ) => { const { bucket , header , cells , cellsWidth , canDelete , createSegment , sortSegments , extraButtons } = props ; return < > < SegmentsButton bucket = { bucket } /> < SegmentsTable bucket = { bucket } header = { header } cells = { cells } cellsWidth = { cellsWidth } canDelete = { canDelete } createSegment = { createSegment } sortSegments = { sortSegments } extraButtons = { extraButtons } / > < />; } ;