Function ExtendedExample

docs/src/components/ExtendedExample.tsx:18–34

({ extendedExamplesData }: ExtendedExampleProps)

}

const ExtendedExample = ({ extendedExamplesData }: ExtendedExampleProps) => {
  const example = Object.values(extendedExamplesData)[0];

  if (!example) return null;

  const keys = Object.keys(example);

  return (
    <Tabs>
      {keys.map((key) => (
        <TabItem value={key} label={key} key={key}>
          <CodeBlock language="jsx">{example[key]}</CodeBlock>
        </TabItem>
      ))}
    </Tabs>
  );
};

export default ExtendedExample;