import {LinkButton} from 'sentry/components/button';
import ButtonBar from 'sentry/components/buttonBar';
import {IconChevron} from 'sentry/icons';
import {t} from 'sentry/locale';

type Props = {
  docsLink: string;
  gettingStartedLink: string;
};

export default function PlatformHeaderButtonBar({gettingStartedLink, docsLink}: Props) {
  return (
    <ButtonBar gap={1}>
      <LinkButton
        size="sm"
        icon={<IconChevron direction="left" />}
        to={gettingStartedLink}
      >
        {t('Back')}
      </LinkButton>
      <LinkButton size="sm" href={docsLink} external>
        {t('Full Documentation')}
      </LinkButton>
    </ButtonBar>
  );
}