chore: export pill components (#212)

* export pills

* use new props

Author: lawreka

packages/components/src/components/property/index.tsx

@@ -1,4 +1,10 @@
 export type { ParamHeadProps } from "./param-head";
 export { ParamHead } from "./param-head";
+export type {
+  DeprecatedPillProps,
+  InfoPillProps,
+  RequiredPillProps,
+} from "./pills";
+export { DeprecatedPill, InfoPill, RequiredPill } from "./pills";
 export type { PropertyProps } from "./property";
 export { Property } from "./property";

packages/components/src/components/property/pills.tsx

@@ -24,7 +24,11 @@ const InfoPill = ({ children, prefix, className }: InfoPillProps) => {
   );
 };
 
-const RequiredPill = ({ label }: { label?: string }) => {
+type RequiredPillProps = {
+  label?: string;
+};
+
+const RequiredPill = ({ label }: RequiredPillProps) => {
   if (!label) {
     return null;
   }
@@ -39,7 +43,11 @@ const RequiredPill = ({ label }: { label?: string }) => {
   );
 };
 
-const DeprecatedPill = ({ label }: { label?: string }) => {
+type DeprecatedPillProps = {
+  label?: string;
+};
+
+const DeprecatedPill = ({ label }: DeprecatedPillProps) => {
   if (!label) {
     return null;
   }
@@ -55,3 +63,5 @@ const DeprecatedPill = ({ label }: { label?: string }) => {
 };
 
 export { InfoPill, RequiredPill, DeprecatedPill };
+
+export type { InfoPillProps, RequiredPillProps, DeprecatedPillProps };