import React from 'react' ; import { ThemeColors } from '@devhub/core' ; import { Separator , separatorSize } from '../../common/Separator' ; import { useTheme } from '../../context/ThemeContext' ; export const cardItemSeparatorSize = separatorSize ; export function getCardItemSeparatorThemeColor ( { isDark , } ) { return isDark ? 'backgroundColorLighther2' : 'backgroundColorDarker1' ; } export interface CardItemSeparatorProps { leadingItem ? : any ; leftOffset ? : number ; muted ? : boolean ; } export function CardItemSeparator ( props ) { const { leftOffset } = props ; const theme = useTheme ( ) ; const cardItemSeparatorThemeColor = getCardItemSeparatorThemeColor ( { isDark : theme . isDark , } ) ; return ( < Separator backgroundThemeColor = { cardItemSeparatorThemeColor } horizontal leftOffset = { leftOffset } thick = { false } / > ) ; }