Function FlatTable

docs/src/components/ThemeColorsTable.tsx:30–63

({
  themeColorsData,
  uniqueKeys,
}: {
  themeColorsData: DataObject;
  uniqueKeys: string[];
})

};

const FlatTable = ({
  themeColorsData,
  uniqueKeys,
}: {
  themeColorsData: DataObject;
  uniqueKeys: string[];
}): ReactNode => {
  const rows = Object.keys(themeColorsData).map((mode) => {
    return (
      <tr key={`${mode}`}>
        <td>{mode}</td>
        {getTableCell(uniqueKeys, themeColorsData[mode] as DataObject)}
      </tr>
    );
  });

  return (
    <>
      <Admonition type="info">
        The table below outlines the theme colors, specifically for MD3{' '}
        <i>(theme version 3)</i> at the moment.
      </Admonition>
      <table>
        <thead>
          <tr>
            <th>mode</th>
            {getTableHeader(uniqueKeys)}
          </tr>
        </thead>
        <tbody>{rows}</tbody>
      </table>
    </>
  );
};

const TabbedTable = ({
  themeColorsData,