BaseFooter

Import

import { BaseFooter } from 'binak-react-components';

Using with active style:

import { BaseFooter, headerActiveStyle } from 'binak-react-components';

Props

Name	Type	Default Value
leftContent	ReactNode	undefined
rightContent	ReactNode	undefined
...props	footer props	-

Example

const [language, setLanguage] = useState('en');
return (
  <>
    <BaseFooter
      leftContent={
        <>
          <button style={footerActiveStyle}>Footer Button 1</button>
          <button>Footer Button 2</button>
          <img src={logoImage} alt="" style={{ marginLeft: '1rem' }} />
        </>
      }
      rightContent={
        <>
          <button
            onClick={() => setLanguage('tr')}
            style={language === 'tr' ? footerActiveStyle : {}}
          >
            Türkçe
          </button>
          <button
            onClick={() => setLanguage('de')}
            style={language === 'de' ? footerActiveStyle : {}}
          >
            Deutsch
          </button>
          <button
            onClick={() => setLanguage('en')}
            style={language === 'en' ? footerActiveStyle : {}}
          >
            English
          </button>
          <img src={logoImage} alt="" style={{ marginLeft: '1rem' }} />
        </>
      }
    />
    ;
  </>
);