import React from "react";
import Chip from "@mui/material/Chip";

import type { TagFieldProps } from "../types";

/**
 * This field lets you display a value in a tag. It uses Material UI {@link https://mui.com/material-ui/react-chip/#main-content `<Chip>`} component.
 *
 * @see {@link https://refine.dev/docs/api-reference/mui/components/fields/tag} for more details.
 */
export const TagField: React.FC<TagFieldProps> = ({ value, ...rest }) => {
  return <Chip label={value?.toString()} {...rest} />;
};