import React, { memo } from 'react';
import { SText } from '../../../../s-components/typography/s-text';
import { SToastBaseText } from '../../../../s-components/s-toast-base-text';
import { getTruncatedName } from '../../../../transducers';

type TProps = {
  name: string;
};

export const PlaylistStarSuccess: React.FC<TProps> = memo(({ name }) => (
  <SToastBaseText>
    <SText bold>{getTruncatedName(name)}</SText> was successfully starred.
  </SToastBaseText>
));