export const withIdSource = `
import { withId, Button, type WithIdProps } from '@transferwise/components';

type DescribedButtonProps = { id?: string };
type DescribedButtonWithIdProps = WithIdProps<DescribedButtonProps>;

function DescribedButton({ id }: DescribedButtonWithIdProps) {
  return (
    <>
      <Button aria-describedby={id}>Continue</Button>

      <p id={id} className="text-xs-center m-t-2">
        Enter an amount in either GBP or PLN
        <br />
        This paragraph has id of <code>{id}</code>
      </p>
    </>
  );
}

export default withId<DescribedButtonProps>(DescribedButton);
`;
