import type {StatsAsset} from '@roots/bud-framework/config'

import Asset from '@roots/bud-dashboard/components/asset'
import {useLongestNamedObjectLength} from '@roots/bud-dashboard/hooks/useLongestNamedObjectLength'
import {Box} from '@roots/bud-support/ink'

interface Props {
  assets?: Array<{name?: string; size?: number} & Partial<StatsAsset>>
  minWidth?: number
}

export const Assets = ({assets, minWidth}: Props) => {
  const fallbackWidth = useLongestNamedObjectLength(assets)

  if (!assets) return null

  return (
    <Box flexDirection="column" overflowX="hidden" width="100%">
      {assets.map((asset, index) => (
        <Asset
          key={index}
          {...asset}
          minWidth={minWidth ?? fallbackWidth}
        />
      ))}
    </Box>
  )
}

export {Assets as default}