import _JSXStyle from "styled-jsx/style";
// Generated with util/create-component.js
import React from "react";
import classnames from "classnames";
import useTheme from "../../hooks/useTheme";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export const Tab = props => {
  const theme = useTheme();
  const {
    children,
    className,
    ...otherProps
  } = props;
  return /*#__PURE__*/_jsxs("div", {
    "data-testid": "Wps-Tab",
    className: "jsx-2725634139" + " " + (classnames("Wps-Tab", className) || ""),
    children: [/*#__PURE__*/_jsx(_JSXStyle, {
      id: "2725634139",
      children: ".Wps-Tab.jsx-2725634139{color:black;}"
    }), children]
  });
};