import { Text } from 'components/common';

export const HelperText = ({ children }: { children: React.ReactNode }) => {
  return (
    <Text
      className="w100 padding4 hover rounded4"
      size="s"
      style={{
        background: 'hsla(214, 100%, 90%, .5)',
        color: 'hsl(214, 60%, 30%)',
      }}
    >
      {children}
    </Text>
  );
};