347e32ef4a
* Replace classnames with clsx * Add clsx to package.json * Remove classnames * Remove classnames types * Restrict classnames in eslint rules
39 lines
981 B
TypeScript
39 lines
981 B
TypeScript
import { Card, CardContent } from "@material-ui/core";
|
|
import { makeStyles } from "@saleor/macaw-ui";
|
|
import clsx from "clsx";
|
|
import React from "react";
|
|
|
|
import CardTitle from "../CardTitle";
|
|
import CompanyAddressForm, {
|
|
CompanyAddressFormProps,
|
|
} from "./CompanyAddressForm";
|
|
|
|
interface CompanyAddressInputProps extends CompanyAddressFormProps {
|
|
className?: string;
|
|
header: string;
|
|
}
|
|
|
|
const useStyles = makeStyles(
|
|
{
|
|
root: {
|
|
overflow: "visible",
|
|
},
|
|
},
|
|
{ name: "CompanyAddressInput" },
|
|
);
|
|
|
|
const CompanyAddressInput: React.FC<CompanyAddressInputProps> = props => {
|
|
const { className, header, ...formProps } = props;
|
|
const classes = useStyles(props);
|
|
|
|
return (
|
|
<Card className={clsx(classes.root, className)}>
|
|
<CardTitle title={header} />
|
|
<CardContent>
|
|
<CompanyAddressForm {...formProps} />
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
};
|
|
CompanyAddressInput.displayName = "CompanyAddressInput";
|
|
export default CompanyAddressInput;
|