'use client';

import { ModelIcon } from '@lobehub/icons';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
import { Flexbox, FlexboxProps } from 'react-layout-kit';
import urlJoin from 'url-join';

import { OFFICIAL_URL } from '@/const/url';
import { DiscoverModelItem, DiscoverProviderItem } from '@/types/discover';

import ModelFeatureTags from '../../../../features/ModelFeatureTags';
import ShareButton from '../../../features/ShareButton';
import ChatWithModel from './ChatWithModel';

interface ModelActionsProps extends FlexboxProps {
  data: DiscoverModelItem;
  identifier: string;
  providerData: DiscoverProviderItem[];
}

const ModelActions = memo<ModelActionsProps>(({ identifier, providerData, data }) => {
  const { t } = useTranslation('models');
  return (
    <Flexbox align={'center'} gap={8} horizontal style={{marginLeft: 100}}>
      <InstallTool identifier={identifier} />
    </Flexbox>
  );
});

export default ModelActions;
