import React, { FC } from 'react';

import LinkWrapper from 'components/link-wrapper/LinkWrapper';

import s from './Button.module.scss';
import classNames from 'classnames/bind';

const cn = classNames.bind(s);

interface IButtonProps {
  to: string;
  active: boolean;
}

export const Button: FC<IButtonProps> = ({ children, to, active }) => (
  <LinkWrapper className={cn(s.button, { active })} href={to}>
    {children}
  </LinkWrapper>
);