import { Tabs } from "@navikt/ds-react";

const TabComp = () => {
  return (
    /* prettier-ignore */
    <div>
      <Tabs defaultValue="logg" onChange={(x) => console.info(x)} {...testProps}>
        <Tabs.List loop={false} {...testProps}>
          <Tabs.Tab value="logg" iconPosition={props.left} label="logg" {...testProps}/>
          <Tabs.Tab value="logg2" iconPosition="top" label="logg2medlangtekst" />
        </Tabs.List>
        <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
        <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
      </Tabs>
      <Tabs defaultValue="logg" onChange={(x) => console.info(x)}>
        <Tabs.List>
          <Tabs.Tab value="logg" label="logg" />
          <Tabs.Tab value="logg2" label="logg2medlangtekst" />
        </Tabs.List>
        <Tabs.Panel value="logg">TabPanel for Logg-tab</Tabs.Panel>
        <Tabs.Panel value="logg2">TabPanel for Inbox-tab</Tabs.Panel>
      </Tabs>
    </div>
  );
};
