import React, { ComponentProps, FC, PropsWithChildren } from 'react';
declare type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, PropsWithChildren<ComponentProps<C>>>;
/**
 * @param Component The component you want to pass custom style props into
 * @returns a function you can pass style props into for the component
 * @description A wrapper to help make styling custom Palmetto Components easier.
 * You can use it for any component, but try to limit to just Palmetto Components.
 * Works a lot like @emotion/styled.
 * Pass the component you want to style into the first function,
 * then the styles into the function returned from that one.
 */
export declare const createComponent: <C extends React.ComponentType<React.ComponentProps<C>>>(Component: C) => (styleProps?: JSX.LibraryManagedAttributes<C, React.PropsWithChildren<React.ComponentProps<C>>> | undefined) => React.FC<JSX.LibraryManagedAttributes<C, React.PropsWithChildren<React.ComponentProps<C>>>>;
export default createComponent;